创建Vue项目,在src同级目录下创建vue.config.js文件。
vue.config.js文件内容如下:
module.exports = {
devServer: {
host: "localhost",
port: 8081, // 端口号
https: false, // https:{type:Boolean}
open: true, //配置自动启动浏览器
proxy: 'http://localhost:8082' // 配置跨域处理,只有一个代理
}
};
main.js下,通过axios获取接口数据。
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import axios from "axios";
Vue.prototype.$axios = axios
Vue.config.productionTip = false
new Vue({
router,
render: function (h) {
return h(App)
},
created() {
this.$axios.get('/skulist') // 此处路径为本项目路径
.then((res) => {
console.log(res.data);
}).catch((err) => {
console.log(err);
})
}
}).$mount('#app')
前端控制台查看: