vue.js处理跨域问题
2019-02-18 11:47
197 查看
[code]第一步: 修改 config--->index.js proxyTable: { "/api":{ target:"http://localhost:3000", changeOrigin:true, pathRewrite:{ '^/api':'' }
第二步:min.js添加HOST:
[code]Vue.prototype.HOST='/api'
第三步:组件内的请求写法:
created(){
var url = this.HOST+"/movie/top250";
this.$axios.get(url,{
params:{
count:10,
start:0
}
})
.then(res => {
this.filterData(res.data);
})
.catch(error =>{
console.log(error)
})
}
第四步:配置文件修改后要重启vue.js
//此种方式只适用于测试阶段,打包的时候不具备服务器,不能跨域了,后端解决
//注:要把main.js 中的全局请求地址注释掉。
相关文章推荐
- vue利用axios处理开发环境和生成环境的跨域问题
- vue-cli axios请求方式及跨域处理问题
- 在Angular.js中的H5页面调用Web api时跨域问题处理
- 5种处理js跨域问题方法汇总
- 在Angular.js中的H5页面调用Web api时跨域问题处理
- 如何处理js的跨域问题
- 关于vue2.x使用axios以及http-proxy-middleware代理处理跨域的问题
- vue+node.js跨域问题的解决
- js跨域问题处理
- 5种处理js跨域问题方法汇总
- 5种处理js跨域问题方法汇总
- js跨域问题处理
- vue.js vue-cli 中解决 axios 跨域调用的问题
- 5种处理js跨域问题方法汇总
- 访问apache下的静态js文件,跨域问题处理
- Vue.js 中 axios 跨域访问错误问题及解决方法
- 5种处理js跨域问题方法汇总(转载)
- vue.js中使用vueResource向后台请求数据时出现跨域访问失败的问题
- vue proxyTable 接口跨域请求问题处理
- vue.js使用代理和使用Nginx来解决跨域的问题