[绍棠] Ant Design Pro of Vue打包有前缀静态资源访问不到

方法一

缺点:需要和部署的路径保持一致,不是很灵活

1、在环境变量.env中定义url前缀

BASE_URL=/admin/

2、定义vue路由前缀路径router/index.js

const createRouter = () =>
  new Router({
    mode: 'history',
    base: process.env.BASE_URL,
//    mode: 'hash',
    routes: constantRouterMap
  })

.........

3、vue配置公共路径前缀vue.config.js

const vueConfig = {

 //  publicPath: process.env.NODE_ENV === "development" ? "/" : "./",
  publicPath: process.env.BASE_URL,
  outputDir:'dist',

  .........

4、打包部署到nginx或其他中间件,此时要保证前缀和部署的前缀保持一致

n

你可能感兴趣的:(前端,vue.js,前端,javascript,anti-design-vue)