vue 项目打包组件图片不见,不能跳转解决方法
2018-12-28 本文已影响0人
还好还好L
- 图片不见,解决方法
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' //上线改成你服务器地址
})
然后放进你服务器就好了