nginx配置同一域名同一端口下部署多个vue项目

最新推荐文章于 2025-04-19 14:30:54 发布

strggle_bin

最新推荐文章于 2025-04-19 14:30:54 发布

阅读量1.8k

点赞数 12

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： nginx vue.js 运维

本文链接：https://blog.youkuaiyun.com/strggle_bin/article/details/137918013

问题：

默认端口就只有一个，有多个项目需要部署到同一端口下。

解决方法：

根据根路径不同分别代理访问不同项目

第一步：

在vue.config.js文件中修改publicPath路径为/project/

......
module.exports = {
   
  // 部署生产环境和开发环境下的URL。
  // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
  // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
  publicPath: "/project/",
  // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
  outputDir: 'dist',
  // 用于放置生成的