nuxt.js 打包部署及刷新页面404问题解决

nuxt.js 打包部署及刷新页面404问题解决

一.打包 npm run generate 将生成的dist文件部署服务器上

二.刷新404终极解决办法

1.在nuxt.config.js文件中添加

base为文件路径地址

router:{
    base:'/dist'
  }

2.在打包的dist目录下创建 .htaccess 文件

dist 为地址的根目录

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