vue3.x配置全局请求地址
1、首先安装axios:npm install axios -S2、在根目录下新建一个vue.config.js3、在里面写上需要配置的东西module.exports = {devServer: {open: true,host: 'localhost',port: 8080,https: ...
·
1、首先安装axios: npm install axios -S
2、在根目录下新建一个vue.config.js
3、在里面写上需要配置的东西
module.exports = {
devServer: {
open: true,
host: 'localhost',
port: 8080,
https: false,
hotOnly: false,
// http 代理配置
proxy: {
'/api': {
target: '你的接口地址',
changeOrigin: true,
pathRewrite: {
'^/api': '/'
}
}
},
before: (app) => {}
}
}
4、在main.js中
import axios from "axios"
axios.defaults.baseURL = "/api/"
Vue.prototype.$axios = axios
5、在需要请求接口的页面中
classify(){
this.$axios.post('/goodsis_list').then((res) => {
console.log(res.data)
if(res.data.code == 1){
this.classifyList = res.data.data
console.log(this.classifyList)
}
}).catch((err) => {
console.log(err)
})
},
这样就能拿到我们需要的数据了
更多推荐
已为社区贡献16条内容
所有评论(0)