现有vue项目需要部署到nginx上,不是跟目录。目录请求如下:
http://localhost/yzd/eui/
/yzd/eui/
需要设置几处:
1、vue项目
在config/index.js
增加
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: '/yzd/eui/',//此处
2、在config/prod.env.js
增加:
module.exports = {
NODE_ENV: '"production"',
ROUTER_BASE: '"/yzd/eui/"',//此处
VUE_APP_BASE_API:'"http://localhost:8084/yzd/"',
}
3、在 router/index.js中增加
export default new Router({
base: process.env.ROUTER_BASE,//此处
mode: 'history',
4、nginx配置
增加请求路径映射
location /yzd/eui/ {
alias D:/11/nginx-1.15.10/eui/;
#index index.html;
try_files $uri $uri/ /yzd/eui/index.html;
autoindex on;
}