vue proxy 跨域代理
程序员文章站
2022-04-15 21:58:10
1.config/index.js 修改 proxyTable proxyTable: { '/api': { target: 'http://shuige.wicp.vip/', //目标接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/api': ......
1.config/index.js 修改 proxytable
proxytable: {
'/api': {
target: 'http://shuige.wicp.vip/', //目标接口域名
changeorigin: true, //是否跨域
pathrewrite: {
'^/api': '/' //重写接口 后台接口指向不统一 所以指向所有/
}
},
csssourcemap: false
},
2. 请求得时候 接口地址加上前缀
import axios from 'axios' export default { created() { // 1. 代理成功 // http://shuige.wicp.vip/users/proxy 转换成 http://localhost:8080/api/users/proxy axios.get('/api/users/proxy').then(res => { // /api 不能少 console.log(res) }) } }
上一篇: 记录一下无聊的数据库作业