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

本贴最后更新于 375 天前,其中的信息可能已经东海扬尘

很好奇的一件事

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

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

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

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

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

  • Vue.js

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

    187 引用 • 603 回帖 • 542 关注
  • Tomcat

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

    146 引用 • 524 回帖
  • Q&A

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

    1723 引用 • 11375 回帖 • 584 关注

赞助商 我要投放

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 之外的其他的内容也打进去了 😂

  • someone9891

    为啥要打包到 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 地址,这样做,对你的成本应该是最小的

请输入回帖内容 ...