node+express模拟数据(三)03——vue.config.js配置跨域

最新推荐文章于 2023-11-03 15:18:01 发布

viceen

最新推荐文章于 2023-11-03 15:18:01 发布

阅读量221

点赞数

分类专栏： node-axios 文章标签： vue 接口 node.js

本文链接：https://blog.csdn.net/weixin_44867717/article/details/116236126

版权

node-axios 专栏收录该内容

54 篇文章 0 订阅

订阅专栏

本文介绍了如何在Vue项目中通过vue.config.js配置文件实现跨域请求。详细讲解了如何设置devServer的proxy选项，包括target、ws、changeOrigin和pathRewrite属性，以实现在开发环境中解决API接口调用的跨域问题。

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

node+express模拟数据(三)03——vue.config.js配置跨域

在src同层级新建vue.config.js文件

// vue.config.js
module.exports = {
    lintOnSave: false,
    devServer: {
        open: true,
        host: 'localhost',
        port: 8080,
        https: false,
        //以上的ip和端口是我们本机的;下面为需要跨域的
        proxy: {
            //配置跨域
            '/api': {
                
                // target: 'http://192.168.79.1:3000/',// 本机IP
                // target: 'http://localhost:3000/test',// test-接口前缀字段
                // target: 'http://10.88.155.43/tkweb-legal-platform/lumen/public/rest/', //这里后台的地址模拟的;应该填写你们真实的后台接口
                target: 'http://localhost:3000/', //这里后台的地址模拟的;应该填写你们真实的后台接口
                ws: true,
                changOrigin: true, //允许跨域
                pathRewrite: {
                    '^/api': '' //请求的时候使用这个api就可以
                }
            }
        }
    }
}