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'   //上线改成你服务器地址
})

然后放进你服务器就好了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。