当前位置：首页 > article >正文

Vue项目通过Nginx部署多个

article 2025/2/21 3:30:34

1.将Vue项目部署到Nginx根

1.1 修改vue.config.js，默认可以不设置

module.exports = {
    publicPath: '/'
}

1.2 修改index.js，默认可以不设置

export default new Router({
    ...
    base: "/"
    ...
})

1.3 修改nginx.conf

location / {
    root /usr/share/nginx/html/;
    index index.html index.htm;
    # 加上try_files，不加的话系统中点击能跳转，f5刷新就会404
    try_files $uri $uri/  /index.html;
}

2.将Vue项目部署到Nginx指定路径

2.1 修改vue.config.js，默认可以不设置

module.exports = {
    publicPath: '/app/'
}

2.2 修改index.js，默认可以不设置

export default new Router({
    ...
    base: "/app/"
    ...
})

2.3 修改nginx.conf

location /app {
    root /usr/share/nginx/html/app;
    index index.html index.htm;
    # 加上try_files，不加的话系统中点击能跳转，f5刷新就会404
    try_files $uri $uri/  /index.html;
}

查看全文

http://www.kler.cn/a/416016.html