Vue+Nginx实现同域名下部署多个vue项目

原创

已于 2022-09-15 01:47:14 修改 · 2.3k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #nginx #前端

于 2022-09-02 09:54:59 首次发布

【场景】www.web.com 默认访问A项目； www.web.com/webB 访问B项目；www.web.com/webC 访问C项目；

一、在vue.config.js中配置publicPath与outputDir

module.exports = {
   
   
	//process.env.NODE_ENV === "production" ? "./" : "/",这种写法有时候会不生效，具体没找到问题原因
	//可以用笨方法，每次打包时手动修改为publicPath:"./",
	publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
	outputDir:"webA",//设置项目打包生成的文件的存储目录,对应项目名称,默认为dist
    devServer: {
   
   
        open:true