若依分离版 前端vue问题记录

若依 前端

打包上服务器报错

vue.config.js中修改

publicPath: process.env.NODE_ENV === "production" ? "/域名/" : "/域名/",

vueconfigjs.png

router.js路由修改

export default new Router({
  base: "/域名",
  mode: "history", // 去掉url中的#
  scrollBehavior: () => ({ y: 0 }),
  routes: constantRoutes,
});

router.png

utils/request.js修改

store.dispatch('LogOut').then(() => {
          location.href = '/域名/index';
        })

request.png

layout/components/Navbar.vue修改

this.$store.dispatch('LogOut').then(() => {
          location.href = '/域名/index';
        })

navbar.png

.env.development

.env.production

根据Nginx配置自行修改

# 页面标题
VUE_APP_TITLE = 创业管理系统

# 开发环境配置
ENV = 'development'

# 创业管理系统/开发环境
VUE_APP_BASE_API = '/entrepreneurshipserv/dev-api'

# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

.env.development.png

# 页面标题
VUE_APP_TITLE = 创业管理系统

# 生产环境配置
ENV = 'production'

# 创业管理系统/生产环境
VUE_APP_BASE_API = '/entrepreneurshipserv/prod-api'

.env.production.png