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(发邮件时,请将#更换为@)进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。