vue脚手架如何配置跨域

最新推荐文章于 2024-01-22 10:43:25 发布

原创最新推荐文章于 2024-01-22 10:43:25 发布 · 351 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #webpack

本文介绍了在Vue脚手架项目中如何解决跨域问题。通过在项目根目录创建vue.config.js文件并添加特定代码，以及使用axios进行数据请求的配置，包括全局和局部引入axios的方法。

vue脚手架怎么解决跨域问题

跨域问题报错

解决方案

首先在项目根目录下创建vue.config,js文件，文件名是固定的，不一样会报错。
然后在vue.config,js文件中复制下面的代码即可。

module.exports = {//可以修改webpack默认配置
    devServer: {
        open:true,//是否自动弹出浏览器
        port:8080,//修改默认端口
        proxy: {//代理转发
            '/api': {
                target:'http://m.sirfang.com/api',
                // ws:false,//是否开启websockes协议请求--即时通讯请求
                changeOrigin:true,//本地是否开启代理
                pathRewrite : {
                    '^/api':''
                }
            }
        }
    }
}