1.问题描述:
(1)处理前端问题是发现了这样一个问题,前端的服务器IP和我后端的不匹配,并且url路径,也只有一部分能匹配上,当时就蒙了,前端大佬之前,是怎样访问到我的?
(2)后来经过多方访问,以及各种网上盘查,其实是配置了反向以及别名代理,而我现在拿到的源码,vue的配置没有生效,所以代理不过去。
(3)找了很久,也没发现为啥没生效,索性,就在网上找了个教程,重新写了一份反向以及别名代理的配置。
(4)说明一下,之前的配置是放在根目录下的config子文件夹下的,而我新加的是放在根目录下的,vue.config.js文件里的。
(5)加了当前配置以后,在进行访问,发现,可以访问通了。
(6)至此,问题得以解决,下面是配置的代码形式。
const { defineConfig } = require('@vue/cli-service')
module.exports = {
lintOnSave:false,
devServer: {
port: 8081,
proxy: {
'/service_8989': { // 以当前路径开头的,都以下面所配置的源地址进行访问
target: 'http://localhost:8989/', // 需要访问的源地址
changeOrigin: true, // 改变源,也就是允许跨域
pathRewrite: {
'^/service_8989': ''
}
},
// 可配置多个,比如当我们还需要调用其它的服务时
'/service_8990': { // 以当前路径开头的,都以下面所配置的源地址进行访问
target: 'http://localhost:8990/', // 需要访问的源地址
changeOrigin: true, // 改变源,也就是允许跨域
pathRewrite: {
'^/service_8990': ''
}
}
}
}
}