webpack配置接口路径

fredshare 发布于2019-08-20 16:06 / 609人阅读

摘要：比如在中的中加入然后就可以根据来判断了需要注意的是，如果你在里整合了，那么，由于会检测没有定义的变量要求使用全局变量时要用的写法，因此需要一个注释声明是一个全局变量来规避。

比如在webpack.config.js中的plugins中加入

new webpack.DefinePlugin({
        "process.env.NODE_ENV": JSON.stringify("production"),
        IS_SIGN: JSON.stringify("prodsign")
 }),

然后就可以根据IS_SIGN来判断了

/* global IS_SIGN:true */
console.log(IS_SIGN);
switch (IS_SIGN) {
    case "localsign":
        API = "http://192.168.1.xx:9090/";
        WEB = "http://192.168.1.xx:8080/";
        break;
    case "testsign":
        API = "http://192.168.1.xx:9090/";
        WEB = "http://heiyanquan.github.com/test.html";
        break;
    case "prodsign":
        API = "http://192.168.1.xx:9090/";
        WEB = "http://heiyanquan.github.com/index.html";
        break;
}

需要注意的是，如果你在webpack里整合了ESLint，那么，由于ESLint会检测没有定义的变量（ESLint要求使用全局变量时要用window.xxxxx的写法），因此需要一个global注释声明（/ global IS_PRODUCTION:true /）IS_SIGN是一个全局变量来规避warning。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/82721.html

Webpack-dev-server的proxy用法

摘要：原文首次发表在的用法前言如果你有单独的后端开发服务器，并且希望在同域名下发送请求，那么代理某些会很有用。可以基于一个函数的返回值绕过代理。要为传出连接绑定的本地接口字符串，默认值将主机标头的原点更改为目标参考官方文档原文首次发表在: Webpack-dev-server的proxy用法前言如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求，那么代理某...

Lin_R 2019-08-23 11:50 评论0 收藏0
Vue-项目从本地搭建到线上部署（wǒ shì biaō tí dǎng）

摘要：放置在目录下或通过绝对路径被引用。对于相关来说，我们推荐使用而不是直接链式指定。在不更改配置文件的情况下，前端页面迭代发布，不需要重启服务。作者：gauseen 0. 关于 Vuejs 简介：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，易用、灵活、高效。生态系统项目介绍 awesome-vue Vue.js 相关很棒的...

Arno 2019-08-26 13:49 评论0 收藏0
基于webpack的前后端分离开发环境实战

摘要：背景随着互联网应用工程规模的日益复杂化和精细化，我们在开发一个标准应用的早已开始告别单干模式，为了提升开发效率，前后端分离的需求越来越被重视，前端负责展现交互逻辑，后端负责业务数据接口，基本上也成为了我们日常项目分工中的标配，但是前后端分离背景随着互联网应用工程规模的日益复杂化和精细化，我们在开发一个标准web应用的早已开始告别单干模式，为了提升开发效率，前后端分离的需求越来越被重...

soasme 2019-08-22 11:03 评论0 收藏0
接口环境很多？静态资源要放cdn？不用修改代码，用webpack就可以（vue）

摘要：传送门针对解决的问题接口环境很多，有测试服，有，有正式等等，每次都要修改代码静态资源可能要存到中，这也要修改代码吗修改配置文件只需要修改环境列表，第一个环境为默认环境指明现在使用的环境打包的路径，只在的时候有用这个环境下面的请求的域 multi-hostname-vue-cli github传送门针对解决的问题接口环境很多，有测试服，有qa，有正式等等，每次都要修改代码？no! ...

SoapEye 2019-08-20 18:04 评论0 收藏0
webpack开发与生产环境配置

摘要：豹哥对于刚开始小白的自己虽然现在也白知无不谈，而且回复超快超认真。这里真的很感谢豹哥。是项目启动时的一些文件，如的配置文件开发环境服务配置文件一些简单工具函数等等。是关于整个项目的环境配置包括开发与生产。前言作者去年就开始使用webpack, 最早的接触就来自于vue-cli。那个时候工作重点主要也是 vue 的使用，对webpack的配置是知之甚少，期间有问题也是询问大牛 @吕大...

afishhhhh 2019-08-20 18:32 评论0 收藏0