vue.config.js跨域配置

浏览器同源策略

1.协议 2.域名 3.端口任一不同本地则存在跨域问题

请求接口，出现 Access-Control-Allow-Origin 提示表示存在跨域问题了

vue.config.js 文件配置解决跨域原理

1. 将域名发送给本地的服务器（localhost：8080）

2.再由本地服务器去请求真正的服务器（http://www.whhuiyyu.com）

3.因为请求是服务端发出的，所以就不存在跨域问题了

注意：修改 vue.config.js 文件需重启服务

// vue.config.js文件
module.exports = {publicPath: process.env.NODE_ENV === 'production' ? './' : '/', // 配置相对路径devServer: {host: "localhost",port: 8080,// 跨域proxy: {'/': {target: 'http://www.whhuiyyu.com', //要跨域的地址，接口对接使用changeOrigin: true, // 允许跨域pathRewrite: {'/': ''}}}}
}

接口对接

export const getMenu = (p) => get('admin/menu', p);

 getMenu().then(res => {}).catch(error => {});

vue.config.js跨域配置相关推荐

vue.config.js 跨域配置
区分环境一般是配置 .env .env.production 等. 默认配置就是用.env 示例: VUE_APP_SRV = http://xxxxx/apiNODE_ENV='local' 封装 ...
vue.config.js多页配置
vue.config.js多页配置,具体看代码: "use strict"; const path = require("path"); var webpack ...
vue.config.js中lintOnSave配置
在vue.config.js文件中配置了lintOnSave属性作用:设置是否在开发环境下每次保存代码时都启用 eslint验证. value: false:关闭每次保存都进行检测 true:开启每 ...
Vue项目全面解析vuecil3/vuecil4的vue.config.js等常用配置
前端变化日新月异,层出不穷,公司原项目使用vuecil2版本开发,elementUI等一系列库版本太低,也脱离世界很久远了,新版本库需要webpack4等环境,而老版本配置起来bug很多,在使用过程中 ...
vue项目升级(01)：全面解析vuecil3/vuecil4的vue.config.js等常用配置
前言前端变化日新月异,层出不穷,公司原项目使用vuecil2版本开发,elementUI等一系列库版本太低,也脱离世界很久远了,新版本库需要webpack4等环境,而老版本配置起来bug很多,在使用 ...
vue使用axios请求相关配置文件包括跨域配置
对axios进行封装方便后续使用(request.js) import axios from 'axios'const request = axios.create({timeout: 5000 }) ...
(三)01 -Vue项目打包发布移动App——vue.config.js中配置相对路径publicPath为空字符串在public中添加HBuilderX的打包配置文件manifest.json
Vue 项目打包发布移动 App--npm run build打包 & vue.config.js文件中配置相对路径publicPath为空字符串 & 在 public中添加HBuil ...
vue.config.js ：配置webpack（文件传输大小受限）The following asset(s) exceed the recommended size limit (244 KiB)
asset size limit: The following asset(s) exceed the recommended size limit (244 KiB). This can impac ...
26、vue前端出现跨域问题，如何解决跨域？
问题: 因为浏览器的同源策略的限制问题(协议.主机.端口一致),浏览器访问非同源的网址时,会出现无法获取数据(已发请求,服务器已收到请求),出现跨域问题 3种解决方法: 1.cors跨域(配置服务器) ...
UniApp H5 跨域代理配置并使用（配置manifest.json、vue.config.js）
UniApp 运行到浏览器的时候,接口会跨域报错,这里通过两种方式解决,二选一即可. 修改或调整配置文件后,推荐重新运行,以防不生效. 配置完成后,请求接口显示 Please enable JavaS ...

vue.config.js跨域配置

vue.config.js跨域配置相关推荐

最新文章

热门文章