1. 调整打包发布配置

.env.production

@@ -1,3 +1,5 @@
+# 公司内部测试环境打包配置
+
 # 页面标题
 VUE_APP_TITLE = 景区营销管理系统
 
@@ -6,3 +8,10 @@ ENV = 'production'
 
 # 景区营销管理系统/生产环境
 VUE_APP_BASE_API = '/tourism-merchant-api'
+
+# 图片网站地址
+VUE_APP_BASE_IMAGE = /stage-api/file/statics
+
+# 部署的URL
+# 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 为 /admin。
+VUE_APP_ASSETS_PUBLIC_PATH = '/'

.env.staging

@@ -8,3 +8,10 @@ ENV = 'staging'
 
 # 景区营销管理系统/测试环境
 VUE_APP_BASE_API = '/tourism-merchant-api'
+
+# 图片网站地址
+VUE_APP_BASE_IMAGE = /stage-api/file/statics
+
+# 部署的URL
+# 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 为 /admin。
+VUE_APP_ASSETS_PUBLIC_PATH = '/'

src/layout/components/Navbar.vue

@@ -102,7 +102,7 @@ export default {
         type: 'warning'
       }).then(() => {
         this.$store.dispatch('LogOut').then(() => {
-          location.href = '/index';
+          location.href =  process.env.VUE_APP_ASSETS_PUBLIC_PATH ? (process.env.VUE_APP_ASSETS_PUBLIC_PATH + "/index") : "/index";
         })
       }).catch(() => {});
     }

src/router/index.js

@@ -178,6 +178,7 @@ Router.prototype.replace = function push(location) {
 
 export default new Router({
   mode: 'history', // 去掉url中的#
+  base: process.env.VUE_APP_ASSETS_PUBLIC_PATH ? process.env.VUE_APP_ASSETS_PUBLIC_PATH : '/',
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRoutes
 })

vue.config.js

@@ -18,7 +18,7 @@ module.exports = {
   // 部署生产环境和开发环境下的URL。
   // 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上
   // 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。
-  publicPath: process.env.NODE_ENV === "production" ? "/" : "/",
+  publicPath: process.env.NODE_ENV === "production" ? process.env.VUE_APP_ASSETS_PUBLIC_PATH ? (process.env.VUE_APP_ASSETS_PUBLIC_PATH + "/") : "/" : "/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
   outputDir: 'dist',
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）