Vue学习手记04-跨域问题

01-安装axios，指令（npm install --save axios）02-解决跨域问题　　在config=>中创建一个新的文件proxyConfig.js

module.exports = { proxy: { '/apis': { //将www.exaple.com印射为/apis target: 'http://baidu.com', // 修改为你的接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/apis': '' //需要rewrite的, } } } }

　　在config=>index.js文件中

　　　　引入：var proxyConfig = require('./proxyConfig')

　　　　赋值： proxyTable: proxyConfig.proxy,

　　03 - 在main.js中引入和定义全局url　　  import Axios from "axios"　　  Vue.prototype.$axios  = Axios;　　  Vue.prototype.HOST = "/apis"04 - 重新启动 npm start05 - 项目中使用：

mounted() { var url = this.HOST + "/v1/restserver/ting?method=baidu.ting.billboard.billList&type="+ this.type +"&size=6&offset=0"; console.log(url); this.$axios.get(url) .then(res=>{ console.log(res); }) .catch(error=>{ console.log(error); }) },

 

转载于:https://www.cnblogs.com/somethingWithiOS/p/11187809.html