本次分享适合刚开始做项目的小伙伴们,在项目开发的的过程中我们会进行数据对接(对接接口),我们会遇到跨域的问题,下面我来分享一下我是怎么解决的,希望对你有所帮助。 废话不多说,直接上操作:
安装 npm i axios -S 在main.js中添加如下代码: import axios from 'axios' // 挂在到全局 Vue.prototype.$axios=axios;
在 // vue.config.js module.exports = { devServer: { proxy: { '/api': { target: 'http://192.168.0.109:3000', // 后台请求地址 ws: true, changeOrigin: true, pathRewrite: { '^/api': '' //通过pathRewrite重写地址,将前缀/api转为/ } } } } } 我们在vue模板中如何使用呢? // 在mounted中添加如下代码: this.$axios.post("/pai/mybj").then(res=>{ console.log(res); }) 这样我们就可以输出请求到后台的数据啦。 |