vue3.0设置代理模式访问404问题

vue3.0 设置代理模式 访问404问题

项目根目录下包含config目录的都是2.0的项目,vue3.0需手动在根目录下新建vue.config.js,基础代理代码如下

module.exports = {
    // 相当于webpack-dev-server，对本地服务器进行配置 
    devServer: {
		port: 9520, //本地前端启动端口号
		open: true, // 是否启动自动打开浏览器
        proxy: {
            "/qindt": { // 请求前缀
                target: "http://服务器地址:服务器端口", // 需要跨域的目标url,如何设置springboot项目访问名称需在后面加入    /项目名称   否则请求会一直404报错,不会报跨域请求问题错误
                changeOrigin: true, // 将基于名称的虚拟托管网站的选项，如果不配置，请求会报404
                // ws: true,
                pathRewrite: {
                    "^/qindt": ''
                }
            }
        }
    }
}

** 前端请求方式 需先配置axios **

this.$axios({
        method: 'get',
        url: '/qindt/user/info',
      }).then(res => {
        console.log('请求结果：', res)
      })

• 注意SpringBoot后端