zoukankan      html  css  js  c++  java
  • vue多环境配置加代理

    vue多环境配置

    1、 config 文件夹 不同环境的配置文件

    dev.env.js(本地); sit.env.js(测试); prod.env.js(线上)  如下图

    2、 配置变量获取不同环境里js的内容

    3、 注释固定的变量,方便之后自己配置

     

    4、根据不同环境用webpack注入全局变量process.env

    5、 配置package.json打包不同的环境下的包(npm run build:sit 打包测试环境包)

    通过以上配置,vue环境配置就完成了。

    补充!!!!

    打包的过程中会出现背景图片没办法显示这时候,需要修改 config/index

    还有build里的untils

    通过修改这2个配置,既可以解决打包时找不到背景图。如果还是不可以真正访问页面,这时候需要看下后端的访问路径!!!!

    vue本地请求接口代理

    1、我们把请求接口统一封装在request进行统一处理

    2、在config/index.js进行代理设置

     补充:如果不通过设置代理的方式本地访问,需要后端设置,后端设置完,我们只要通过设置这几个就可以进行不同环境访问!!!

  • 相关阅读:
    第九次任务
    第八次任务
    第七次任务
    第六次任务
    第四天半任务
    第四天任务
    第三天任务
    第二天任务
    第一天任务
    第⑩天任务
  • 原文地址:https://www.cnblogs.com/qdlhj/p/10968814.html
Copyright © 2011-2022 走看看