ruoyi报错404？

Question

问题遇到的现象和发生背景

访问线上地址验证码控制台报404，但连本地接口或用线上地址打包即可正常访问

问题相关代码，请勿粘贴截图

publicPath: process.env.NODE_ENV === 'production' ? '/ruoyi4/' : '/ruoyi4/' ,
devServer: {
host: '0.0.0.0',
port: port,
open: true,
proxy: {
// detail: https://cli.vuejs.org/config/#devserver-proxy
[process.env.VUE_APP_BASE_API]: {
target: ？？？,
changeOrigin: true,
pathRewrite: {
['^' + process.env.VUE_APP_BASE_API]: '',
},
},
},
disableHostCheck: true,
},

运行结果及报错内容

这个是请求的url：http://localhost/dev-api/captchaImage
线上url：？？？
可访问的地址：？？？/prod-api/captchaImage
问号的地址相同

我的解答思路和尝试过的方法

试过dev改成prod还是不行

我想要达到的结果?

在本地连线上接口

Answer 1

跨域代理配置如下：

proxy: {
               // 匹配 url 路径的开头
              '/api': {     
                // 标识符号（自定义）  请求的路径只要是/api开头都会代理到下面这个target网站。    
                target: 'http://localhost:8095',     //请求的接口的基本路径
                 // 例如：'/api/xxxx' 会代理到 http://localhost:8095/api/xxxx
                changeOrigin: true,    //是否修改请求头中的host
                pathRewrite: { '^/api': '/' }          //标识符重写（重要！在后端接收到请求的接口路径时要把前端添加的'/api'标识符去掉，不然找不到对应的接口）
              }
            }
        },