登录 注册

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

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

很好奇的一件事

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

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

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

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

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

  • Vue.js

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

    268 引用 • 666 回帖
  • Tomcat

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

    162 引用 • 529 回帖
  • Q&A

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

    9735 引用 • 44296 回帖 • 89 关注
98 悬赏
5 关注
22 回帖
8
6
2
5.9k 166 535 742 1.8k 378 31 930 1.3k

相关帖子

22 回帖
你们公司的 vue 项目，怎么放

欢迎来到这里！

我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。

注册 关于
请输入回帖内容 ...
  • Blackman99 •
    捐赠者

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

    1 回复
  • loocao • via macOS

    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 回复
  • yuanhenglizhen •
    捐赠者 作者

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

  • yuanhenglizhen •
    捐赠者 作者

    这样就过不了认证了

  • yuanhenglizhen •
    捐赠者 作者

    这个和文章没关系啊

  • yuanhenglizhen •
    捐赠者 作者

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

    3 回复
  • Blackman99 •
    捐赠者

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

  • Blackman99 •
    捐赠者

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

  • 88250 •
    订阅者

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

    2 回复
  • Blackman99 •
    捐赠者

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

  • someone9891 • via macOS
    捐赠者

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

    1 回复
  • yuanhenglizhen •
    捐赠者 作者

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

  • Blackman99 •
    捐赠者

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

  • alanfans •

    66666，，，，node_modules 目录打进去了？

    1 回复
  • yuanhenglizhen •
    捐赠者 作者

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

  • Eddie •
    捐赠者

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

    1 回复
  • yuanhenglizhen •
    捐赠者 作者

    击垮他，勇士

  • gmt •

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

    1 回复
  • yuanhenglizhen •
    捐赠者 作者

    看来我们这边开发不听话

    1 回复
  • gmt •

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

  • relign • via macOS

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

请输入回帖内容 ...
yuanhenglizhen
笔落兴亡定三端之妙，墨写清白尽六艺之奥
回帖
689
 帖子
189
 积分
6270

近期热议

推荐标签 标签

  • Sym

    Sym 是一款用 Java 实现的现代化社区（论坛/BBS/社交网络/博客）系统平台。

    下一代的社区系统，为未来而构建

    524 引用 • 4601 回帖 • 707 关注
  • Maven

    Maven 是基于项目对象模型（POM）、通过一小段描述信息来管理项目的构建、报告和文档的软件项目管理工具。

    188 引用 • 319 回帖 • 251 关注
  • Tomcat

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

    162 引用 • 529 回帖
  • SVN

    SVN 是 Subversion 的简称，是一个开放源代码的版本控制系统，相较于 RCS、CVS，它采用了分支管理系统，它的设计目标就是取代 CVS。

    29 引用 • 98 回帖 • 690 关注
  • RIP

    愿逝者安息！

    8 引用 • 92 回帖 • 400 关注
  • Follow
    4 引用 • 12 回帖 • 11 关注
  • DevOps

    DevOps（Development 和 Operations 的组合词）是一组过程、方法与系统的统称，用于促进开发（应用程序/软件工程）、技术运营和质量保障（QA）部门之间的沟通、协作与整合。

    58 引用 • 25 回帖 • 1 关注
  • 导航

    各种网址链接、内容导航。

    44 引用 • 177 回帖 • 1 关注
  • Swagger

    Swagger 是一款非常流行的 API 开发工具，它遵循 OpenAPI Specification（这是一种通用的、和编程语言无关的 API 描述规范）。Swagger 贯穿整个 API 生命周期，如 API 的设计、编写文档、测试和部署。

    26 引用 • 35 回帖
  • 链书

    链书（Chainbook）是 B3log 开源社区提供的区块链纸质书交易平台，通过 B3T 实现共享激励与价值链。可将你的闲置书籍上架到链书，我们共同构建这个全新的交易平台，让闲置书籍继续发挥它的价值。

    链书社

    链书目前已经下线，也许以后还有计划重制上线。

    14 引用 • 257 回帖
  • CAP

    CAP 指的是在一个分布式系统中， Consistency（一致性）、 Availability（可用性）、Partition tolerance（分区容错性），三者不可兼得。

    12 引用 • 5 回帖 • 631 关注
  • 小薇

    小薇是一个用 Java 写的 QQ 聊天机器人 Web 服务，可以用于社群互动。

    由于 Smart QQ 从 2019 年 1 月 1 日起停止服务，所以该项目也已经停止维护了！

    35 引用 • 468 回帖 • 765 关注
  • 分享

    有什么新发现就分享给大家吧！

    248 引用 • 1794 回帖
  • Markdown

    Markdown 是一种轻量级标记语言，用户可使用纯文本编辑器来排版文档，最终通过 Markdown 引擎将文档转换为所需格式（比如 HTML、PDF 等）。

    170 引用 • 1529 回帖
  • Wide

    Wide 是一款基于 Web 的 Go 语言 IDE。通过浏览器就可以进行 Go 开发，并有代码自动完成、查看表达式、编译反馈、Lint、实时结果输出等功能。

    欢迎访问我们运维的实例： https://wide.b3log.org

    30 引用 • 218 回帖 • 636 关注
  • Ruby

    Ruby 是一种开源的面向对象程序设计的服务器端脚本语言，在 20 世纪 90 年代中期由日本的松本行弘（まつもとゆきひろ/Yukihiro Matsumoto）设计并开发。在 Ruby 社区，松本也被称为马茨（Matz）。

    7 引用 • 31 回帖 • 249 关注
  • Bootstrap

    Bootstrap 是 Twitter 推出的一个用于前端开发的开源工具包。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS / HTML 框架。

    18 引用 • 33 回帖 • 648 关注
  • OneDrive
    2 引用 • 1 关注
  • 国际化

    i18n（其来源是英文单词 internationalization 的首末字符 i 和 n，18 为中间的字符数）是“国际化”的简称。对程序来说，国际化是指在不修改代码的情况下，能根据不同语言及地区显示相应的界面。

    8 引用 • 26 回帖 • 3 关注
  • 区块链

    区块链是分布式数据存储、点对点传输、共识机制、加密算法等计算机技术的新型应用模式。所谓共识机制是区块链系统中实现不同节点之间建立信任、获取权益的数学算法 。

    92 引用 • 752 回帖
  • Windows

    Microsoft Windows 是美国微软公司研发的一套操作系统，它问世于 1985 年，起初仅仅是 Microsoft-DOS 模拟环境，后续的系统版本由于微软不断的更新升级，不但易用，也慢慢的成为家家户户人们最喜爱的操作系统。

    227 引用 • 476 回帖 • 1 关注
  • CSDN

    CSDN (Chinese Software Developer Network) 创立于 1999 年，是中国的 IT 社区和服务平台，为中国的软件开发者和 IT 从业者提供知识传播、职业发展、软件开发等全生命周期服务，满足他们在职业发展中学习及共享知识和信息、建立职业发展社交圈、通过软件开发实现技术商业化等刚性需求。

    14 引用 • 155 回帖
  • FFmpeg

    FFmpeg 是一套可以用来记录、转换数字音频、视频，并能将其转化为流的开源计算机程序。

    23 引用 • 32 回帖 • 1 关注
  • Hadoop

    Hadoop 是由 Apache 基金会所开发的一个分布式系统基础架构。用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。

    89 引用 • 122 回帖 • 621 关注
  • 又拍云

    又拍云是国内领先的 CDN 服务提供商,国家工信部认证通过的“可信云”，乌云众测平台认证的“安全云”，为移动时代的创业者提供新一代的 CDN 加速服务。

    20 引用 • 37 回帖 • 575 关注
  • jsDelivr

    jsDelivr 是一个开源的 CDN 服务，可为 npm 包、GitHub 仓库提供免费、快速并且可靠的全球 CDN 加速服务。

    5 引用 • 31 回帖 • 110 关注
  • 架构

    我们平时所说的“架构”主要是指软件架构，这是有关软件整体结构与组件的抽象描述，用于指导软件系统各个方面的设计。另外还有“业务架构”、“网络架构”、“硬件架构”等细分领域。

    143 引用 • 442 回帖 • 1 关注

最新标签