其实很简单
假设一个接口;
http://101.42.170.68:10000/open/mockData/test1
首先,看自己项目中有没有vue.config.js文件,如果没有自己创建一个,如果有那吗在其中写。
vue.config.js:
//固定格式,修改一部分就行了 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ devServer: { proxy: { //根据假设的接口,带一个api,那吗我们把下面这个/open,也改成api,其他不用管 '/open': { target: 'http://101.42.170.68:10000/open',// API服务器的地址 ws: true, //代理websockets changeOrigin: true, // 虚拟的站点需要更管origin pathRewrite: { //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc' //这个地方也要改成/api '^/open': '' } } } } })
在自己需要的页面安装axios,并且进行引入即可,学会了吗?
axios({ url:'/open/mockData/test1', params:{} }).then((res)=>{ console.log(res) })