用 vue 写前端， Java 做后端

[yantianqi]

用 vue 写前端，java 写后端
用 ajax 对接的时候怎么处理？ vue 的整个构建环境在 java 的环境中？
vue 单独出来访问不就是跨域了吗？
开发过程中单独出来，构建后构建的放到 java 目录中，那样开发过程中 ajax 也是跨域啊？ 谢谢大神们

[cloverstd]

CORS

http://www.ruanyifeng.com/blog/2016/04/cors.html

[acrisliu]

spring boot 提供 restful API，vue 做页面数据渲染，前后分离。

[wwqgtxx]

前面放一个 nginx 分别反代一下不就可以避免跨域了么，vue 直接挂在 /上，java 挂在 /api 上

[isb]

vue-cli 支持开发的时候直接代理过去。

[sulang]

我是用 vue+Django

[wly19960911]

1. cors
2. 反代
3. 关闭 chrome 的安全性设置开发，关键词，--disable-web-security

我建议是第三个，因为另外两个都需要设置后台。

[changwei]

既然是前后端分离，那么带服务器也可以分离啊，前端已经是纯静态资源了，直接用 nginx 输出吧。

[TangMonk]

设置下 api 返回的 CORS 的 header 就行了，简单直接

Access-Control-Allow-Origin: *

详情请阅读： https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS

[u5f20u98de]

开发的时候跨域也没啥，就是在 nginx 上加几个 http 头而已。
我是 Vue+Go，也是分别开发的。
头直接加在代码里，真正发布的时候 node 编译好起个 http fileserver 然后把跨域代码去掉。

[Sapp]

开发的时候直接架个 node 服务器，或者 vue-cli 自带的 proxy，直接就可以跨域，根本不需要设置，然后 build 直接生成静态文件。

[x7395759]

nginx 就好

[ft234451532]

proxy

[ke1e]

不喜欢浏览器渲染，所以我的方式是使用 freemarker 加 vue 的形式

[marsLeo]

@wly19960911 #6 不同意第三个方法，虽然可以用来调试，但不是开发方案；既然做前端页面开发，跨域问题处理就应该用前端方法，而不是修改客户端，这样做也不安全

[majiawei]

webpack-dev-server 的 proxy 是一种解决方法

[wly19960911]

@marsLeo 哦，可能没有说清楚，我说开发过程中使用这个。对于没有表达好说个抱歉

[RangerWolf]

非常推荐 docker。

在 dockek build 的时候把 vue 的东西 build 放到一个固定的目录， 然后整个打包成 war 包即可

我们的后端是 python，前端就是 vue 渲染的。 这种做法做起来也非常爽。 没有跨域的问题。

[66kanfengjing]

nginx 反向代理，配置很快。记得一句话就可以了

[workwonder]

都是一家，配置好 cors 不就行了，早晚要配置的

[fumichael]

开发时用 nginx 转发
或者 vue-cli 里面配好了 http-proxy-middleware
示例参考： https://github.com/hql123/vue-ruby-china/ 如下图


开发完成打包放到 Java 项目里面，这样前后端都不需要修改。
仅供参考，如有错误或建议，请指出，谢谢

[RainFinder]

@fumichael 重点是哪里？要怎么配置？

[RainFinder]

@wwqgtxx 具体怎么实现

[fumichael]

@RainFinder 左边不是有个目录结构么，还有地址栏，2 个地方可以看到是哪个文件了呀。

[ppwangs]

要想兼容性好就 jsonp。

[notreami]

@RangerWolf Vue 路由怎么处理的？

[RangerWolf]

@notreami sorry 前端并不是我做的 vue 这里把前端页面写好 我 npm build 之后就可以对接起来了。

[jack80342]

最近翻译了 Spring Boot 最新的官方文档，https://www.gitbook.com/book/jack80342/spring-boot/details