大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
vue3为例:
-
【vue.config.js】文件,目录里面没有的话需要真机创建
代理的它通俗意思:我这里设置api意思就是在遇到于/api开始的接口的时候,间本地地址转化为接口地址
module.exports = {
devServer: {
proxy: {
'/api': {
// 目标的路径
target: 'http://123.123.122.166:3101', //也就是接口地址
// 允许跨域
changeOrigin: true,
// 重写跨域
pathRewrite: {
'^/api': ''
}
}
}
}
}
-
在main.js的axios调用接口的时候
//这个是我采用了开发时和发布时的环境设置 //方法1 const BASEURL = process.env.NODE_ENV === 'production' ? '' : '/api' let instance = axios.create({ baseURL: BASEURL, timeout: 30000, withCredentials: true }) // 如果你们不需要搞开发时还是发布时就这样 //方法2: let instance = axios.create({ baseURL: '/api', //这里就是vue.config.js文件里面设置的代理 /api timeout: 30000, withCredentials: true }) //或者 axios.defaults.baseURL = "/api";
-
使用的时候
methods:{
async addClick(){
let {data:res} = await this.$http.get('/user/mobileLogin',{params:{userName:this.userName,passWord:this.passWord}})
}
}
请求的网络如上图,前部分 http://localhost:8080/api 会在浏览器内部等价于 http://123.123.122.166:3101 接口地址,使用实际上的请求是 http://123.123.122.166:3101/user/mobileLogin?userName=admin&password=123456
发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/197309.html原文链接:https://javaforall.cn
【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛
【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...