vue为什么我配置了跨域访问的端口号还是原来的

本地端口号8080，需要访问3000端口，然后配置了vue.config.js代码如下

devServer: {
        open: true, //浏览器自动打开页面
        host: "localhost", //本地服务器访问的路径
        port: 8080, //本地服务器访问的端口
        proxy: {
            //配置跨域/*  */
            '/api': {/*  */
                target: 'http://localhost:3000/',
                ws: true,
                changeOrigin: true,
                pahtRewrite: {
                    '^/api': '',
                }
            }
        }

    },

然后调用this.axios.get("/personalized").then(res => {）
最后访问的还是8080端口，求大神指教

我是像链接这样写的但是不对啊

https://blog.csdn.net/adolph_jun/article/details/80572057