同一域名端口下,通过nginx部署多个vue项目

场景:由于公司项目需求,需要在同一域名端口下部署两个项目;
需要呈现的效果:
同一域名端口下,通过nginx部署多个vue项目_第1张图片
并且项目一中所有的静态文件js和css都要使用sdn下面的;项目二中所有的静态文件js和css都要使用sdnc下面的
同一域名端口下,通过nginx部署多个vue项目_第2张图片
需要修改的地方:

  1. 首先是config文件夹内的index.js文件,module.exports下面的build和dev两个对象里面
    同一域名端口下,通过nginx部署多个vue项目_第3张图片
    同一域名端口下,通过nginx部署多个vue项目_第4张图片

  2. 修改index.html文件
    同一域名端口下,通过nginx部署多个vue项目_第5张图片

  3. 修改src/router/index.js文件
    同一域名端口下,通过nginx部署多个vue项目_第6张图片
    我这里的base:process.env.BASEURL,所以我把config下的dev.env.js和prod.env.js里面的BASEURL由sdn改为了sdnc
    同一域名端口下,通过nginx部署多个vue项目_第7张图片
    PROJECT_URL不知道有啥用,我也改了,应该不改也行;

你可能感兴趣的:(nginx,vue.js)