vue前后端分离开发的具体流程是什么样的？

Question

从没进行过前后端分离开发，疑惑比较多。

比如使用vue-lic脚手架开发的话，本地需要node来运行。通过localhost:8080 访问，也就是前端部分开发需要有一个域名了；

然后后端开发，也得配置一个域名访问吧，这个时候前后端可以完全的独立开发互不影响。

现在我的问题就是要是前端想调用后端的接口怎么办，因为前后端域名不一样，所以这就涉及到一个跨域的问题，于是百度了解了一下，vue-cli 目录下有个
config文件夹里面有个index.js文件

proxyTable: {

'/api': {
    target: 'http://www.houduan.com',
    changeOrigin: true, //是否跨域
    secure: false,
    pathRewrite: {
        '^/api': '/api'
    }
}

},

通过上面的配置可以请求到后端接口数据。

但是这里又有一个问题，我们部署上线的时候，并不是分开部署的，也就是只有一台服务器，和之前一样前端代码和后端代码是放一块的，只有一个域名一个服务器。

那这个时候前端请求接口应该不是上面跨域的配置方式了吧。

所以我想问的是开发的时候前后端可以在本地配置不同的域名，通过跨域配置接口请求。但是如果部署上线的时候也就是单服务器前端和后端代码放一块，接口请求要怎么配置呢

Answer 1

这个devserver 只是在开发环境用的, 上线不用你配, 交给运维就行了

Answer 2

这里可以设置了，通过判断开发环境和生产环境打包后不会打包这个代理地址。

requestConfig.js

proxyConfig.js

index.js

Answer 3

这个代理只是本地vue cli运行的时候用的，和正式上线的内容无关。