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

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

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

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

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

proxyTable: {

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

},

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

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

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

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

阅读 969
评论
    3 个回答
    • 3.1k

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

      相似问题
      推荐文章