Access-Control-Allow-Origin webpack vue SPA配置http代理
2018-01-27 16:40
771 查看
'Access-Control-Allow-Origin'浏览器报这个是由于跨域造成的。
解决方式如下：
1.在项目根目录找到 config/index.js文件中的如下代码
proxyTable: {}
将其改为：
proxyTable: {
'/api/**': {
//我常使用api这个名称，后端接口也是这个开头
target:"http://......",//接口的域名
secure:
false,
changeOrigin:
true,
}
2.在http请求的时候调用这个代理
axios与 vue-resource都有配置baseURL的选项
将baseURL的值配置成 api
解释:以上代理的意思就是 凡是以api开头的http请求 都会重定向到配置的地址去请求数据
解决方式如下：
1.在项目根目录找到 config/index.js文件中的如下代码
proxyTable: {}
将其改为：
proxyTable: {
'/api/**': {
//我常使用api这个名称，后端接口也是这个开头
target:"http://......",//接口的域名
secure:
false,
changeOrigin:
true,
}
2.在http请求的时候调用这个代理
axios与 vue-resource都有配置baseURL的选项
将baseURL的值配置成 api
解释:以上代理的意思就是 凡是以api开头的http请求 都会重定向到配置的地址去请求数据
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- C#WebService 出现Access-Control-Allow-Origin header is present on the requested resource无响应解决方法
- 关于跨域请求静态文件配置问题[Access-Control-Allow-Origin]
- IIS下配置跨域设置Access-Control-Allow-Origin
- IIS下配置跨域设置Access-Control-Allow-Origin
- Nginx配置跨域请求 Access-Control-Allow-Origin *
- IIS下配置跨域设置Access-Control-Allow-Origin
- 前Vue，后Express的'Access-Control-Allow-Origin'问题
- IIS下配置跨域设置Access-Control-Allow-Origin
- [Access-Control-Allow-Origin]Web中使用filter实现跨域访问问题
- Cors跨域请求，配置Access-Control-Allow-Origin："*"，无效解决方案
- [Access-Control-Allow-Origin]Web中使用filter实现跨域访问问题
- Java Web中如何设置多个Access-Control-Allow-Origin
- webpack构建vue项目（配置篇）
- （转）HTML5开发中Access-Control-Allow-Origin跨域问题
- 使用chrome调试ajax加载本地文件的时候出现Failed to load resource: Origin null is not allowed by Access-Control-Allow
- No 'Access-Control-Allow-Origin' header is present on the requested resource. 报错解决。
- (转)XMLHttpRequest在请求失败(Origin null is not allowed by Access-Control-Allow-Origin.)
- 详解基于vue-cli优化的webpack配置
- 已阻止跨源请求：同源策略禁止读取位于...的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。
- ajax跨域访问--. No 'Access-Control-Allow-Origin