vue 学习之 网站部署

以下都是在history模式下 部署

根目录部署

vue配置

默认情况下 vue 便是以根目录为部署点，所以代码部分不用进行修改，直接

npm run build

后端配置

官方文档

ngnix

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

非根目录部署

vue配置

在vue.config.js 中修改 publicPath

  publicPath: process.env.NODE_ENV === 'production' ? '/audio/' : '/',

修改route.js 中 base 配置项

  base: process.env.BASE_URL,

后端配置

nginx
1.

 59     location /audio { 
 61         index index.html; 
 62         try_files $uri $uri/ /audio/index.html; 
 64     }

 59     location /audio { 
 61         index index.html; 
 63         try_files $uri $uri/ @audio; 
 64     }
 65 
 66     location @audio {
 67         rewrite ^/(audio)/(.+)$ /$1/index.html last;
 68     }