本文共 1012 字，大约阅读时间需要 3 分钟。

1、跨域：浏览器为了保障数据安全做的限制，如果两个页面拥有相同的协议protocol，端口port和主机(域名/ip地址)，那么这两个页面就属于同一个源origin，JavaScript 允许这种同源页面的数据互相通信。(注：www.XXX.com是一个二级域名，而xxx.com俗称为裸域,不同的二级域名也不允许通信)

3)最常用的是采用代理

//   '/api'为匹配项，我们匹配项写'/api'，那么当我们npm run dev把本地服务跑起来后localhost:8080/api/file就是我们的代理地址module.exports = {devServer: {    historyApiFallback: true,    noInfo: true,    overlay: true,    hot: true,         // 默认热更新    open: false,    // 默认不打开之前的文件    proxy: {           // 设置代理      '/api': {        target: `http://baidu.com/`,    // 实际请求的第三方接口        changeOrigin: true,              // 接口跨域  //      secure:true,                       // 如果目标请求地址是https则需要加这个参数        pathRewrite: {'^/api': ''},       // 重写地址      },    }  },}// 修改配置后需要 ctrl + c停止之前的服务再 npm run dev 重启服务即可// 很重要的配置:  IP / 域名的映射关系 ---hosts文件hosts文件位置：win:C:\Windows\System32\drivers\etc mac:/etc/hosts// 内网ip地址     内网域名   127.0.0.1       localhost   127.0.0.1       me.csdn.net   1**.**.**.*4     in-open.com

转载地址：https://blog.csdn.net/snow51/article/details/89015202 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！