Vue Js 2错误重新加载

Posted 2023-02-22

【中文标题】Vue Js 2错误重新加载

【英文标题】：Vue Js 2 error reload

【发布时间】：2018-10-14 03:05:44

【问题描述】：

我正在使用 Vue Js 2，服务器是 nginx。

我有下一个代码：

const routes = [
   
    path: '/design-dashboard',
    component: DesignDashboard,
    meta: 
        forAuth : true
    
  ,
  
   path: '/dashboard/new/create',
    component: ProductLineEdit,
    meta: 
        forAuth : true
    
  
];

export default new VueRouter(
 mode: 'history',
 routes
);

问题是当 url 有超过 1 个部分 o 斜杠“/”时，例如它适用于“/design-dashboard”，而不适用于“/dashboard/new/create”只能通过vue路由器链接或者router.push()方法，但是当我重载或者尝试用浏览器中的url直接访问时不起作用。

我还添加了这个 htaccess 代码：

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %REQUEST_FILENAME !-f
  RewriteCond %REQUEST_FILENAME !-d
  RewriteRule . /index.html [L]
</IfModule>

正如我之前所说，只有一个部分或斜线'/ 就可以正常工作，例如“/design-dashboard”

有什么想法吗？提前致谢。

【参考方案1】：

您似乎正在尝试使用用于apache 的htaccess 配置 nginx 服务器。

尝试配置nginx，配置如下：

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

【讨论】：

我认为与 Vue 路由器中的“儿童”东西更相关

【参考方案2】：

我解决了这个问题，将 .htaccess 和转换添加到 nginx 代码并在脚本标记的 src 属性中添加斜杠“/”

 <script src="/dist/app.js">