[JavaScript知识库] vue跨域

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> vue跨域 -> 正文阅读

[JavaScript知识库]vue跨域

// 这个文件是vue的配置文件
// 一些额外的配置都放在这里
// 比如 跨域 自动打开浏览器  输出目录
module.exports = {
  publicPath: "./",
  devServer: {
    open: true,
    proxy: "http://106.15.179.105:3000/",
    // 可以直接设置跨域的地址
    // proxy: {
    //   "/api": {
    //     target: "https://sug.so.360.cn",
    //     changeOrigin: true, //允许跨域
    //     pathRewrite: {
    //       "^/api": "",
    //     },
    //   },
    // },
    // 也可以给需要跨域的接口起一个识别的名字 只有前面带/api的接口才会跨域 其他的接口正常访问
  },
};
// proxy跨域其实也是一种代理跨域 可以理解为欺骗浏览器 让浏览器以为没有跨域 访问的还是8080 ，但是服务器看到/api就会把地址变成需要跨域的地址

// 该配置文件修改了 要重新启动

1.项目里面创建vue.config.js放在和src同级

2.复制上面代码放进去

3.从新启动项目