本文共 1117 字，大约阅读时间需要 3 分钟。

        最近研发项目用到了vue开发，之前了解angularJs，对vue上手还是比较快的，主要是涉及到http这一块，今天仔细研究了下，记录一下。

        在vue.config.js文件中配置代理：

proxy: {      [process.env.VUE_APP_BASE_API]: {        target: `http://localhost:18081/protal`,        changeOrigin: true,        pathRewrite: {          ['^' + process.env.VUE_APP_BASE_API]: ''        }      }    },

这里面涉及到参数process.env.VUE_APP_BASE_API，用于伪装url，配置在了.env.*****(开发环境)文件中了

共有：.env.development---这个对应本地地址打包环境

.env.production------这个对应正式环境

.env.test-----这个对应正式环境与本地打包环境中间的测试服务器上线环境，另外.env.sit   .env.uat自行配置

# 标志环境ENV = 'development'# 伪装的上下文VUE_APP_BASE_API = '/dev-api'# VUE_CLI_BABEL_TRANSPILE_MODULES = true# 每个环境下的实际urlVUE_APP_URL = http://127.0.0.1:18081/protal/

下面就是涉及到在登录页获取图形验证码了

由于url都是在公共的配置中统一配置了，就要在登录页获取这个参数

export default {  data() {    return {      tokenImg: process.env.VUE_APP_URL + 'tokenImg?random=' + Math.random()    }  },  methods: {    updateCode() {      this.tokenImg = process.env.VUE_APP_URL + 'tokenImg?random=' + Math.random()    },    login() {      //     },    register() {      this.$router.push('/register')    }  }}

html的写法简单就是

:src ->代表属性，可赋值

src ->链接地址

但是有个问题，这样就无法实现伪装了，怎么搞？

转载地址：https://blog.csdn.net/weixin_33602978/article/details/104866376 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！