Webpack devServer本地开发解决跨域问题

最新推荐文章于 2024-05-28 16:29:13 发布

目标前端大佬

最新推荐文章于 2024-05-28 16:29:13 发布

阅读量321

点赞数

分类专栏： js基础文章标签： vue javascript

本文链接：https://blog.csdn.net/qq_41043722/article/details/115968807

版权

js基础专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文介绍了如何在webpack配置中设置devServer代理，以解决在开发环境中API请求跨域的问题。通过将代理设置为后端接口的URL，可以实现对192.168.43.58:13030的请求转发，同时讨论了changeOrigin参数的作用。

摘要由CSDN通过智能技术生成

一、Api请求前缀 baseUrl: “http://127.0.0.1:9933/”

二、webpack.config.js配置

module.exports = (env, args) => {
    const config = {
        ...,
        devServer: {
            port: 9933,
            host:'127.0.0.1',
            // hot: true
            proxy:{
                '/':{
                    target: 'http://192.168.43.58:13030/',  // 代理跨域目标接口，这里是后端的地址
                    changeOrigin: false//域名跨域需要为true
                }
            }
        }
    };

    return config;
};