Vue -рутер и димани c маршруты nginx - PullRequest
0 голосов
/ 07 апреля 2020

Я использовал режим истории, который работал отлично и использовал простой nginx. Теперь я добавил динамические c маршруты, так что когда пользователь вводит baseurl.com/microcosm/anynametheywant - это соединяет их с тем пространством, которое прекрасно работает в локальной разработке, но когда я перехожу на сервер, я получаю 404 с этого, у меня есть попробовал несколько вещей, здесь текущий nginx, маршрутизатор / индекс. js - все еще не работает и все еще возвращает сервер 404, даже если компонент не оценил файл

NGINX в его текущем состоянии

server {
    listen 111.111.11.111:80;
    server_name *.nodenogg.in;

location / {
  try_files $uri $uri/ /index.html;
}

location @rewrites {
  rewrite ^(.)$ /index.html last;
}

location ~ /microcosm/\d+$ {
   try_files $uri $uri/ /index.html;
}

}

маршрутизатор / индекс. js

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: () =>
      import(/* webpackChunkName: "about" */ '../views/About.vue')
  },
  // dynamic segement `:microcosm` is added to the path
  {
    path: '/microcosm/:microcosm',
    component: Home
  },
  {
    path: '*',
    name: 'NotFound',
    component: NotFound
  }

]
const router = new VueRouter({
  mode: 'history',
  base:   base: process.env.VUE_APP_HTTP + '://' + process.env.VUE_APP_URL + '/',
  routes
})

export default router

захват и использование Router.currentRoute.params.microcosm

1 Ответ

0 голосов
/ 08 апреля 2020

Оказывается, во-первых, мне нужно было добавить к нижней части моего пользовательского nginx и, конечно, мне нужно было слушать на 443, так что он никогда не был услышан, и я даже не нуждаюсь в псевдониме на данном этапе, так как я хочу, чтобы быть 404, и теперь это мой заказ! и, наконец, удалите * .nodenogg.in, какая ошибка стоила мне часов!

server {

  listen 111.111.11.111:443 ssl;
  server_name alpha.nodenogg.in ssl;
  root /var/www/vhosts/nodenogg.in/alpha.nodenogg.in;

  ssl_certificate /location/ofthekey/cert.pem;
  ssl_certificate_key /location/ofthekey/privkey.pem;
  ssl_protocols SSLv3;

         location / {
           try_files $uri $uri/ /index.html;
         }
 }
...