解决proxy error: could not proxy request /db.json from localhost:8888 to localhost:8001问题

最新推荐文章于 2025-06-30 15:36:13 发布

原创最新推荐文章于 2025-06-30 15:36:13 发布 · 2.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #vue-cli3 #前端

vue报错问题专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在开发环境中通过配置proxy进行跨域请求，包括正确的target地址设置、服务启动以及代码示例。重点在于解决路径问题和开启代理服务器，确保前后端通信顺利。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

问题：向localhost：8001发送跨域请求

proxy: { // 开发环境代理配置
            '/dev-api': {
                target: 'http://localhost:8001',
                changeOrigin: true, // 开启代理服务器，
                pathRewrite: {
                    '^/dev-api': '',
                }
            }
        }

注意：添加或者更改配置时，需要重新启动一下服务方能生效。

发送请求部分代码（仅展示了部分代码）：

const Base_URL = '/dev-api';

export default {
    getList() {
        const req = request({
            method: 'get',
            url: Base_URL + '/db.json'
        });
        return req;
    }
}

解决方案：

1、路径问题

target: 'http://localhost:8001'按此格式书写

2、开启服务http://localhost:8001

在跨域访问http://localhost:8001之前需要先将http://localhost:8001的服务打开，确保可以访问http://localhost:8001。