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

BUGKing-

已于 2022-09-15 01:47:14 修改

阅读量2.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Web 文章标签： vue.js nginx 前端

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

本文链接：https://blog.youkuaiyun.com/sneer_shen/article/details/126655831

【场景】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