很好奇的一件事 你们的 vue 项目是放到后台项目里面吗 这样打 war 包的时候,源码什么的都在里面 感觉 war 太大了,一个 500m,o.o 有没有什么好一点的方法的推荐,公司 vue 项目放到后台项目里面是为了被后台的拦截器,拦截到才这么放的,em。。。据说是这个原因 有没有大佬有更好的方法,或者说说你们那边 ..

你们公司的 vue 项目,怎么放

很好奇的一件事

你们的 vue 项目是放到后台项目里面吗

这样打 war 包的时候,源码什么的都在里面

感觉 war 太大了,一个 500m,o.o

有没有什么好一点的方法的推荐,公司 vue 项目放到后台项目里面是为了被后台的拦截器,拦截到才这么放的,em。。。据说是这个原因

有没有大佬有更好的方法,或者说说你们那边是怎么放的

  • Vue.js

    Vue.js(读音 /vju ː/,类似于 view)是一个构建数据驱动的 Web 界面库。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

    158 引用 • 565 回帖 • 595 关注
  • Tomcat

    Tomcat 最早是由 Sun Microsystems 开发的一个 Servlet 容器,在 1999 年被捐献给 ASF(Apache Software Foundation),隶属于 Jakarta 项目,现在已经独立为一个顶级项目。Tomcat 主要实现了 JavaEE 中的 Servlet、JSP 规范,同时也提供 HTTP 服务,是市场上非常流行的 Java Web 容器。

    141 引用 • 518 回帖
  • Q&A

    提问之前请先看《提问的智慧》,好的问题比好的答案更有价值。

    1376 引用 • 9027 回帖 • 574 关注
22 回帖
请输入回帖内容...
  • Blackman99

    你的意思是前端项目不 build,直接 node_modules 在内的所有依赖全部放入 war 包里?

    1 回复
  • oncereply

    Vue 打包之后的文件直接放在 nginx 下

    1 回复
  • Blackman99

    我来谈谈我的理解

    首先可能需要明确一件事:你为什么使用 Vue

    Vue 是渐进式 JavaScript 框架,意味着它既可以是框架,也可以不是框架,这是 Vue 作者的原话,原文戳这里

    如果路由的控制需要交由后端

    那完全可以不使用 Vue+Webpack 那一套,用 script 标签的方式嵌入项目也是可以的,这个时候 Vue 就不是框架,但是并不阻碍你使用 Vue 的特性

    用了 Webpack(或其他打包工具)是为了将前端更加体系化,工程化,组件化,这个时候 Vue 就是框架

    这个时候的 Vue 是整个前端项目的核心,前端所有的表现都依赖于 Vue,这个时候你可以结合 vue-laoder, vuex, vue-router 以及 npm 上所有的开源库写一套 vue 风格的项目,并最终通过 webpack(或其他打包工具)打包成你所需要的最小的体积,这个时候就不应该让后端控制路由了,如果真的有需要:

    • 前后分离的验证可以设置 AJAX 请求的withCredentials = true,通过 Cookie 来验证
    • 用 Node 作为中台(需要做服务端渲染),Node 端与 Java 端进行服务端与服务端的校验
    1 回复
  • mufengcoding

    是源码里面,不是要放里面。额。。。

  • mufengcoding

    这样就过不了认证了

  • mufengcoding

    这个和文章没关系啊

  • mufengcoding

    感觉我写的你们理解错了。 这样我说一个我的解决办法,我是打完 war 之后,启动的时候把源码相关都删掉,只留 dist

    3 回复
  • Blackman99

    你有了 dist 文件夹的内容说明你的项目已经 build 过了,而且说明你是使用打包工具打包的,而且你用的可能就是 Webpack
    这样的话部署可以选择放到 war 里面作为静态模板的一部分,路由先经过 Java 代码控制拦截,过了就直接代理到 index.html 上,交给前端的 router 自己加载需要的组件就行了

  • Blackman99

    有点像一个 Java 版本的服务端渲染

  • 88250

    打包的时候别打进去就行了嘛 😂

    2 回复
  • Blackman99

    我明白了,原来是构建完了之后,把除了 dist 之外的其他的内容也打进去了 😂

  • gitors

    为啥要打包到 war 包里啊,那还不如不用 npm ,直接 在 Java 项目里面也可以用 vue 的啊,不用 webpack 打包

    1 回复
  • mufengcoding

    还是老老实实 跟后台说吧,叫他 pom 里面把那些杂七杂八的去掉

  • Blackman99

    赞同,如果路由是后端控制,直接用 script 引入 Vue 使用就行了

  • alanfans

    66666,,,,node_modules 目录打进去了?

    1 回复
  • mufengcoding

    不是那个打进去,那个不提交的。是 vue 文件 打进去 😂

  • Eddie

    这个因为想用 vue 但是项目不适合?

    1 回复
  • mufengcoding

    击垮他,勇士

  • gmt

    楼主应该是运维岗?我们这从来都是运维让开发改哪开发就必须改的。

    1 回复
  • mufengcoding

    看来我们这边开发不听话

    1 回复
  • gmt

    让那些忽视“安全生产”的人买一次单他们就乖了

  • relign

    可以将 Vue 项目单开一个 Git 仓库进行维护,利用 Webpack 等打包工具会将 Vue 项目构建出 HTML + js + CSS,可以通过 Node 脚本将这些资源传到服务器,然后让后台 Java 的路由指向你的 HTML 地址,这样做,对你的成本应该是最小的

请输入回帖内容 ...