vue 项目打包组件图片不见，不能跳转解决方法

vue 项目打包组件图片不见，不能跳转解决方法

• 图片不见，解决方法
  webpack的config/index.js里面的assetsPublicPath: '/' 这里的 ‘/’改成 ‘./’
  打开build/utils.js，在里面找到这个代码加入publicPath:"../../"，其中值可能会有不同，若不同，自己配置成相应的即可。

• if (options.extract) {
        return ExtractTextPlugin.extract({
          use: loaders,
          fallback: 'vue-style-loader',
          publicPath:"../../"
        })
      } else {
        return ['vue-style-loader'].concat(loaders)
      }
  

  - 组件消失，只有app里面的东西在
  

  路由模式将histroy改成hash模式，起初 mode:'history'

  const router = new Router({
    mode: 'hash',
  })
  

  • 路由不能正常跳转，更改api里面的baseUrl路径，改为你服务器路径。这里以本地例子

  // 服务器地址
  export let instance = Axios.create({
    baseURL: 'http://127.0.0.1:7001'   //上线改成你服务器地址
  })
  

  然后放进你服务器就好了

  转载来源:https://www.jianshu.com/p/f09a755befca