配置vuecli3中的代理遇到的坑

vue-cli3/4代理

首先简单的说一下我所理解的代理，这个代理的主要功能就是避免跨域问题的产生，当然，这个问题的产生是通过前端的方式进行跨域问题避免的调试，在打包之后，代理问题依旧可能会出现，如果打包之后的前端和后端代码如果不在同一个服务器下，那么可能就需要通过nginx等的方式进行跨域的避免，相对而言，我还是比较讨厌跨域问题的。。。。
在vuecli中，提供了一个代理的模式，主要的思路就是在本地搭建一个虚拟的nodejs的服务，你的接口访问的是nodejs的虚拟服务器，之后在通过虚拟服务器进行访问实际的接口，这里是将nodejs当作了一个中间件，避免了跨域问题的产生。

基础配置来一波

首先，在vuecli3/4中，没有了cli2中的/config/index.js的文件，所以需要在src目录的同级别下创建一个 vue.fonfig.js的文件，进行对vue的配置，直接创建这个文件就可以，前提是文件名称一顶要对，否则无效，这个文件中的内容对vuecli的配置有较高的优先级，因此，这里配置的属性都会变成最终的属性，但是需要注意的是，在配置的过程中，这里可能有部分配置是区分开发环境和线上环境的，千万别因为这个浪费大量的时间。
一起看下配置代码

const path = require('path')
const webpack = require('webpack')

module.exports = {
   
	filenameHashing