Vue.js真是做网页的神器！用了它，网页应用轻松完成！可是，有时候会遇到“错误：访问拒绝”的情况，这就是说我们没法发送HTTP请求，也就无法获取所需资源。别慌，这儿有几个简单办法教你如何解决这问题。
检查服务器设置
“出错啦：访问受限？别急，可能就是你家里那个叫‘CORS’（跨域资源共享）的东东出点儿小问题而已。没事儿，去看看你家服务器那边是不是能处理好这种跨域请求？启用这个功能其实很简单，只要在HTTP响应里面添上Access-Control-Allow-OriginandAccess-Control-Allow-Methods这两个参数就行了。如果是用Node.js做服务器的话，那就更方便了，装个CORS中间件就能轻松搞定。”
使用代理
搞定CORS？简单得很！弄个代理服务器就行了！首先，在vue.config.js里设置下代理，比如让Vue在localhost:8080运行；接着把所有的API请求转到实际地址上去。这样一搞，CORS限制就没了，想发啥收啥都行
使用JSONP
JSONP实在给力！轻轻松松就能搞到别家网站的数据。用Vue做开发的话？那就快去装上vue-jsonp神器呗。安装完成后，赶紧试试这个VueJsonp方法，烦人的CORS限制就此说再见想要啥直接发就是了~
配置请求头
proxy: {
'^/api': {
target: 'http://example.com',
changeOrigin: true,
pathRewrite: { '^/api': '/api' }
}
}
别着急！给你支个招，试试在HTTP请求头上加点特殊符号，像是Authorization之类的，说不定就把那讨厌的“错误：访问被拒绝”给解决掉了！这么干既能让服务器更清楚你要啥，还能提升响应速度呢～
排查网络环境
“权力不够”有时候不光是跨源请求的锅，还可能是你网速不给力、设置出了毛病或者被安全限制挡住了。那么咱们就先瞧瞧网络连接咋样，有没有被限速或是防火墙给拦截掉？揪出问题就能顺利解决这个小困扰
更新vue-resource版本
实在改不了的话，试着更新一下vue-resource！大部分时问题都是老版本惹的祸，比如软件里总有些烦人的小毛病什么的。升个级问题可能就能迎刃而解，还能提高兼容性和稳定度呐！
查看文档和社区
别慌张，读到”错误：访问被拒绝”没事的！去vue-resource官网瞧瞧，那儿有许多大神讨论过这个问题，会有人帮你解决喔！
碰到“错误：权限被拒绝”这种情况，可能有点棘手。就好像你在开车时突然轮胎漏气了，车没法走了。别慌，按照我说的来，立马就能解决问题，Vue应用又可以飞速运行！想了解具体怎么做吗？比如说看看服务器设置、试试代理服务或是巧妙运用JSONP，这些都能帮你避开CORS限制，让你的app畅通无阻！
评论0