部署在服务器的配置项

.env.production

@@ -2,4 +2,6 @@
 ENV = 'production'
 
 # 若依管理系统/生产环境
-VUE_APP_BASE_API = '/prod-api'
+#VUE_APP_BASE_API = '/prod-api'
+#配置访问nginx后端项目名
+VUE_APP_BASE_API = '/newCanteen'

src/router/index.js

@@ -121,7 +121,7 @@ export const constantRoutes = [
 ]
 
 export default new Router({
-  mode: 'history', // 去掉url中的#
+  //mode: 'history', // 去掉url中的#，注释掉mode: 'history'，需要在nginx配置子域，在根目录下访问，需要开启mode: 'history'
   scrollBehavior: () => ({ y: 0 }),
   routes: constantRoutes
 })

vue.config.js

@@ -17,7 +17,10 @@ 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" ? "/" : "/",
+  //子域目录配置
+  publicPath: process.env.NODE_ENV === "production" ? "/NewCanteen-ui/" : "/NewCanteen-ui/",
   // 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）
   outputDir: 'dist',
   // 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）
@@ -34,6 +37,7 @@ module.exports = {
       // detail: https://cli.vuejs.org/config/#devserver-proxy
       [process.env.VUE_APP_BASE_API]: {
         // target: `http://dev.diaosaas.com/newCanteen/`,
+        //配置访问后端地址以及端口
         target: `http://localhost:8888/`,
         changeOrigin: true,
         pathRewrite: {