美文网首页
基于jsonp cros跨域环境变量的配置

基于jsonp cros跨域环境变量的配置

作者: 媛猿YY | 来源:发表于2020-09-09 09:48 被阅读0次

在src下面新建env.js

// 基于jsonp cros跨域环境变量的配置
let baseURL;
// process.env  获取node.js中的环境变量参数信息
switch (process.env.NODE_ENV) {
    case 'development':
        baseURL = "http://dev-mall-pre.springoot.cn/api";
        break;
    case 'test':
        baseURL = "http://test-mall-pre.springoot.cn/api";
        break;
    case 'production':
        baseURL = "http://mall-pre.springoot.cn/api";
        break;
    default:
        baseURL = "http://mall-pre.springoot.cn/api";
        break;

}
export default {
    baseURL
}

在main.js中引用

import env from './env'
axios.defaults.baseURL = env.baseURL;

package.json 环境变量配置

"scripts": {
    "serve": "vue-cli-service serve --mode=development",
    "test": "vue-cli-service serve --mode=test",
    "build": "vue-cli-service build --mode=production",
    "lint": "vue-cli-service lint"
  },

运行

npn run serve 开发环境调试
npn run test 测试环境调试
npn run build 线上打包

相关文章

  • 基于jsonp cros跨域环境变量的配置

    在src下面新建env.js 在main.js中引用 package.json 环境变量配置 运行

  • 一文了解跨域问题

    什么是跨域 不同域名之间的资源访问 解决方法 JSONP,CROS JSONP 原理:html带src属性的标签都...

  • 跨域的解决方案

    JSONP CORS跨域资源共享 基于http proxy实现跨域 基于post message iframe:w...

  • JSONP的劫持

    关于 JSONP JSONP 全称是 JSON with Padding ,是基于 JSON 格式的为解决跨域请求...

  • 关于jsonp劫持

    关于jsonp JSONP 全称是 JSON with Padding ,是基于 JSON 格式的为解决跨域请求资...

  • JSONP、CROS和postMessage跨域

    浏览器出于安全方面的考虑,只允许与本域下的接口交互。不同源的客户端脚本在没有明确授权的情况下,不能读写对方的资源。...

  • 解决node跨域问题

    //cros模块:node跨域cros模块 步骤一:安装cros npm install cors --save-...

  • 常见前端开发面试题(http部分)

    跨域有哪几种方式 1.jsonp跨域2.CORS跨域资源共享3.iframe标签跨域4.在webpack中通过配置...

  • 对jsonp 的理解认识

    什么是跨域?为什么要跨域呢?听说jsonp能. 为什么jsonp能跨域呢?什么时候使用jsonp?怎么使用json...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

网友评论

      本文标题:基于jsonp cros跨域环境变量的配置

      本文链接:https://www.haomeiwen.com/subject/astjektx.html