vue 打包项目访问不到后台接口_vue 项目项目从创建到打包需要注意的几点配置...

起初在创建vue项目之后，我以为如果不是引入外部插件，项目里面的配置应该是很少改的，而且里面东西很杂，新手一眼看去可能就感觉头大。后来在做项目的时候发现，害怕配置真的是一个很大的缺点，必须要克服，所以我将vue项目几个基本的配置修改总结了一下，暂时想到的就这么多。。。

项目创建初期：

项目创建后，修改的配置是后台接口代理，在config文件夹的index.js里面，我只展示几个常修改的属性其他不做注释

dev: {

host: "127.0.0.1",//开发环境本地端口可以为本机ip或者localhost

port: 8080,//端口号

proxyTable: {

'/api': {

target: 'http://www.abc.com', //目标接口域名

changeOrigin: true, //是否跨域

pathRewrite: {

'^/api': '/api' //重写接口

}

},

}

首先，在ProxyTable模块中设置了‘/api’，target中设置服务器地址，也就是接口的开头那段地址，例如‘172.0.0.1’，然后我们在调用接口的时候，就可以全局使用‘/api’，这时候‘/api’的作用就相当于‘172.0.0.1’，比如接口的地址是‘172.0.0.1/login’，我们就可以在ajax里面使用‘/api/login’来当作接口名字，pathRewrite