第一步:在当前根目录下打开终端
下载axios npm install axios -S
(1)在main.js中引入axios
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import 'lib-flexible/flexible'
import axios from 'axios'
Vue.config.keyCodes.enter = 13
Vue.config.productionTip = false
Vue.prototype.axios = axios
new Vue({
router,
store,
render: h => h(App)
}).$mount('#app')
第二步:新建一个vue.config.js文件
module.exports = {
devServer: {
proxy: {
"/api": {
target: 'http://www.ibugthree.com/', // 想要访问接口域名
changeOrigin: true, // 开启跨域,在本地创建一个虚拟服务,然后发送请求的数据,并同时接收请求的数据,这样服务端和服务端进行数据交互就不会有问题
pathRewrite: {
"^/api": '', // 利用这个地面的值拼接上target里面的地址
}
}
}
},
}
第三步:在src文件