Vue SPA 与 Spring Boot,独立与否

Zve*_*tko 6 java build single-page-application spring-boot vue.js

编写 Spring boot REST API 支持的 SPA 之间有什么区别

  1. 在一个项目中,JavaScript 由 Spring 的应用程序服务器提供
  2. 两个项目,Spring 后端服务器应用程序和 javascript 前端位于单独的节点服务器中

第一个比另一个有什么好处吗?对我来说,单独的项目更干净。我对 javascript 很陌生,所以我害怕用所有文件夹、文件和 javascript 构建过程弄乱 java 项目。此外,还有比 vuejs-spring-boot 模板更多的独立 vuejs 模板。

有没有一种方法可以通过为 SPA 生成一个 js 文件并从 Spring 提供服务来以某种方式连接这两种解决方案。

关于身份验证,我可以在第一个选项中使用 Spring MVC,第二个选项要求进行一些令牌身份验证。

bin*_*eat 4

有没有一种方法可以通过为 SPA 生成一个 js 文件并从 Spring 提供服务来以某种方式连接这两种解决方案。

可以将dist内容复制到src/main/resourcesSpringBoot中:

npm run build
Run Code Online (Sandbox Code Playgroud)

HTML/JS 将由 Spring 提供。
然而,这个过程需要时间并且不适合日常开发。
在开发过程中,您可以让开发服务器将所有 API 请求代理到实际后端:

`

// config/index.js
module.exports = {
  // ...
  dev: {
    proxyTable: {
      // proxy all requests starting with /api to jsonplaceholder
      '/api': {
        target: 'http://jsonplaceholder.typicode.com:8000', // <-- Spring app running here
        changeOrigin: true,
        pathRewrite: {
          '^/api': ''
        }
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

` 参考: https: //vuejs-templates.github.io/webpack/proxy.html

上面的示例将请求代理/api/posts/1http://jsonplaceholder.typicode.com/posts/1.

这样,在客户端就可以正常开发了,并以dev模式运行 npm run dev

希望这有帮助!