Vue.js —— 解决跨域问题

邬羽

于 2019-09-19 14:22:14 发布

阅读量537

点赞数 1

分类专栏： VUE 文章标签： vue.js 跨域

本文链接：https://blog.youkuaiyun.com/kiyoometal/article/details/101021625

版权

VUE 专栏收录该内容

14 篇文章

订阅专栏

本文介绍在Vue CLI 3环境下如何通过配置代理解决跨域问题，具体步骤包括在项目根目录创建vue.config.js文件，并添加代理配置，实现接口路径重写，确保静态资源与API请求正确分离。

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

开发环境一般要跨域，解决跨域问题，要设置代理，在vue-cli 3下 package.json 同级目录新建一个 vue.config.js 文件，加入下面代码，其他版本找到配置文件的devServer加入代码：

module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: 'http://192.168.xx.xx:本地服务器端口',
                 pathRewrite: {
                    '^/api': '' // 根据实际情况来自定义
                }
            }
        }
    }
}