解决vue本地环境跨域请求正常,版本打包后跨域代理不起作用,请求不到数据的方法
2019-03-28 10:00
2663 查看
问题:在本地使用了proxyTable代理可以正常跨域请求后台数据,打包上传后就无法获得后台的json文件。查看了相关资料可以用nginx进行解决。还可以使用命名环境变量,请求的时候进行判断,话不多说上干货
1、dev.env.js 进行配置
module.exports = merge(prodEnv, {
NODE_ENV: '"development"'
API_HOST:"//localhost:8080/api/"
})
2、prod.env.js进行配置
module.exports = {
NODE_ENV: '"production"',
API_HOST:'""'
}
3、main.js进行配置
let base = process.env.NODE_ENV === 'production' ?'http://192.168.1.252:8080':'http://localhost:8080';
Vue.prototype.baseURL = base;
4、配置完成进行请求 Header.vue
axios.get(this.baseURL + '/api/graphql?', {
params: {
}
}
配置完成打包成功上传部署就可以访问后台的数据了!
相关文章推荐
- 详解vue-cli本地环境API代理设置和解决跨域
- 使用vue-cli+axios构建的项目本地环境API代理设置和解决跨域
- vue 本地环境跨域请求proxyTable的方法
- vue 本地环境跨域请求proxyTable
- vue开发请求本地模拟数据的配置方法
- Vue proxyTable 开发环境下前端和后端真实数据对接问题和解决跨域
- Nginx反向代理、CORS、JSONP等跨域请求解决方法总结
- ajax本地跨域请求以及解决方法
- vue-cli项目开发/生产环境代理实现跨域请求+webpack配置开发/生产环境的接口地址
- vue打包使用Nginx代理解决跨域问题
- 浏览器禁止跨域请求json数据解决方法--jsonp
- 微信小程序 解决请求服务器手机预览请求不到数据的方法
- Vue 2.5.2下axios + express 本地请求404的解决方法
- vue开发请求本地数据旧版本dev-server.js,新版本webpack.dev.conf.js
- 新版vue-cli模板下本地开发环境使用node服务器跨域的方法
- VUE开发请求本地数据的配置,旧版本dev-server.js,新版本webpack.dev.conf.js
- 微信小程序 解决请求服务器手机预览请求不到数据的方法
- 客户端ajax请求为实现Token验证添加headers后导致正常请求变为options跨域请求解决方法
- ajax 请求php 报错404 但脚本能够正常输出数据 问题的解决方法
- RAC环境创建本地数据文件的解决方法