Vue项目开发常见问题和解决方案总结
VueCli打包之后静态资源路径不对的解决方法
cli2版本：
将config/index.js里的assetsPublicPath的值改为'./'。
build:{
...
assetsPublicPath:'./',
...
}
cli3版本：
在根目录下新建vue.config.js文件，然后加上以下内容：（如果已经有此文件就直接修改）
module.exports={
publicPath:'',//相对于HTML页面（目录相同）
}
Vuecli3报错error:Unexpectedconsolestatement(no-console)解决办法
在项目的根目录下的package.json文件中的eslintConfig:{}中的"rules":{加入"no-console":"off"},其它类似报错也是如此
//示例：
"eslintConfig":{
"root":true,
"env":{
"node":true
},
"extends":[
"plugin:vue/essential",
"eslint:recommended"
],
"rules":{
"no-console":"off"
},
}
axios取消请求（如：用户登录失效，阻止其他请求）
constCancelToken=axios.CancelToken;
constsource=CancelToken.source();
axios.interceptors.request.use(
config=>{
config.cancelToken=source.token;//全局添加cancelToken
returnconfig;
},
err=>{
returnPromise.reject(err);
}
);
/**设置响应拦截**/
axios.interceptors.response.use(
response=>{
//登录失效101
if(response.data.code===101){
source.cancel();//取消其他正在进行的请求
//somecoding
}
returnresponse;
},
error=>{
if(axios.isCancel(error)){//取消请求的情况下，终端Promise调用链
returnnewPromise(()=>{});
}else{
returnPromise.reject(error);
}
}
);
vue-photo-preview图片预览失效问题记录
imgList是异步获取数据的时候在获取数据后需要调用this.$previewRefresh();刷新重置一下，否则~~不生效
以上就是Vue项目开发常见问题和解决方案总结的详细内容，更多关于vue常见问题和解决方案的资料请关注毛票票其它相关文章！
声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。