nginx上配置二级目录访问vue项目_nginx二级目录对应一个项目

1 实现效果
http://ip:port 访问A项目(vue项目)
http://ip:port/c 访问B项目(vue项目)

2 nginx配置

        location / {
            root   /usr/local/nginx/html/A/;
            index  index.html index.htm;
        }

        location /c {
            alias  /usr/local/nginx/html/B/;
            index  index.html index.htm;
        }
1
2
3
4
5
6
7
8
9

3 B项目公共路径修改
按照上面2个步骤配置好访问‘http://ip:port/c ’是无法访问到B项目的静态资源的，需要配置B项目的公共资源路径：
vue项目一般在 vue.config.js中配置：

module.exports = {
 // 区分开发和打包分别配置，打包配置的值和nginx配置的保持一致
  publicPath:process.env.NODE_ENV=='development'? '/':'/c',
}
1
2
3
4