登录 注册

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

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

很好奇的一件事

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

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

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

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

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

  • Vue.js

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

    267 引用 • 666 回帖 • 2 关注
  • Tomcat

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

    162 引用 • 529 回帖 • 6 关注
  • Q&A

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

    9640 引用 • 43831 回帖 • 95 关注
98 悬赏
5 关注
22 回帖
8
6
2
5.8k 166 535 734 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

近期热议

推荐标签 标签

  • jQuery

    jQuery 是一套跨浏览器的 JavaScript 库，强化 HTML 与 JavaScript 之间的操作。由 John Resig 在 2006 年 1 月的 BarCamp NYC 上释出第一个版本。全球约有 28% 的网站使用 jQuery，是非常受欢迎的 JavaScript 库。

    63 引用 • 134 回帖 • 735 关注
  • 倾城之链
    23 引用 • 66 回帖 • 166 关注
  • 创造

    你创造的作品可能会帮助到很多人，如果是开源项目的话就更赞了！

    184 引用 • 1015 回帖 • 1 关注
  • RabbitMQ

    RabbitMQ 是一个开源的 AMQP 实现，服务器端用 Erlang 语言编写，支持多种语言客户端，如：Python、Ruby、.NET、Java、C、PHP、ActionScript 等。用于在分布式系统中存储转发消息，在易用性、扩展性、高可用性等方面表现不俗。

    49 引用 • 60 回帖 • 343 关注
  • 音乐

    你听到信仰的声音了么？

    62 引用 • 512 回帖
  • IDEA

    IDEA 全称 IntelliJ IDEA，是一款 Java 语言开发的集成环境，在业界被公认为最好的 Java 开发工具之一。IDEA 是 JetBrains 公司的产品，这家公司总部位于捷克共和国的首都布拉格，开发人员以严谨著称的东欧程序员为主。

    181 引用 • 400 回帖 • 1 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统，主要使用于便携设备。2005 年由 Google 收购注资，并拉拢多家制造商组成开放手机联盟开发改良，逐渐扩展到到平板电脑及其他领域上。

    335 引用 • 324 回帖 • 1 关注
  • 代码片段

    代码片段分为 CSS 与 JS 两种代码，添加在 [设置 - 外观 - 代码片段] 中，这些代码会在思源笔记加载时自动执行，用于改善笔记的样式或功能。

    用户在该标签下分享代码片段时需在帖子标题前添加 [css] 或 [js] 用于区分代码片段类型。

    147 引用 • 973 回帖
  • Bootstrap

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

    18 引用 • 33 回帖 • 644 关注
  • 负能量

    上帝为你关上了一扇门，然后就去睡觉了....努力不一定能成功，但不努力一定很轻松 (° ー °〃)

    89 引用 • 1243 回帖 • 411 关注
  • 自由行
    • 6 关注
  • LaTeX

    LaTeX（音译“拉泰赫”）是一种基于 ΤΕΧ 的排版系统，由美国计算机学家莱斯利·兰伯特（Leslie Lamport）在 20 世纪 80 年代初期开发，利用这种格式，即使使用者没有排版和程序设计的知识也可以充分发挥由 TeX 所提供的强大功能，能在几天，甚至几小时内生成很多具有书籍质量的印刷品。对于生成复杂表格和数学公式，这一点表现得尤为突出。因此它非常适用于生成高印刷质量的科技和数学类文档。

    12 引用 • 54 回帖 • 8 关注
  • webpack

    webpack 是一个用于前端开发的模块加载器和打包工具，它能把各种资源，例如 JS、CSS（less/sass）、图片等都作为模块来使用和处理。

    42 引用 • 130 回帖 • 247 关注
  • AWS
    11 引用 • 28 回帖 • 11 关注
  • Outlook
    1 引用 • 5 回帖
  • V2Ray
    1 引用 • 15 回帖
  • TensorFlow

    TensorFlow 是一个采用数据流图（data flow graphs），用于数值计算的开源软件库。节点（Nodes）在图中表示数学操作，图中的线（edges）则表示在节点间相互联系的多维数据数组，即张量（tensor）。

    20 引用 • 19 回帖 • 3 关注
  • 星云链

    星云链是一个开源公链，业内简单的将其称为区块链上的谷歌。其实它不仅仅是区块链搜索引擎，一个公链的所有功能，它基本都有，比如你可以用它来开发部署你的去中心化的 APP，你可以在上面编写智能合约，发送交易等等。3 分钟快速接入星云链 (NAS) 测试网

    3 引用 • 16 回帖 • 2 关注
  • 域名

    域名（Domain Name），简称域名、网域，是由一串用点分隔的名字组成的 Internet 上某一台计算机或计算机组的名称，用于在数据传输时标识计算机的电子方位（有时也指地理位置）。

    44 引用 • 208 回帖 • 4 关注
  • 小说

    小说是以刻画人物形象为中心，通过完整的故事情节和环境描写来反映社会生活的文学体裁。

    31 引用 • 108 回帖
  • iOS

    iOS 是由苹果公司开发的移动操作系统，最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统，最初是设计给 iPhone 使用的，后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样，属于类 Unix 的商业操作系统。

    88 引用 • 139 回帖 • 1 关注
  • Laravel

    Laravel 是一套简洁、优雅的 PHP Web 开发框架。它采用 MVC 设计，是一款崇尚开发效率的全栈框架。

    20 引用 • 23 回帖 • 740 关注
  • C

    C 语言是一门通用计算机编程语言，应用广泛。C 语言的设计目标是提供一种能以简易的方式编译、处理低级存储器、产生少量的机器码以及不需要任何运行环境支持便能运行的编程语言。

    85 引用 • 165 回帖 • 1 关注
  • ActiveMQ

    ActiveMQ 是 Apache 旗下的一款开源消息总线系统，它完整实现了 JMS 规范，是一个企业级的消息中间件。

    19 引用 • 13 回帖 • 678 关注
  • Logseq

    Logseq 是一个隐私优先、开源的知识库工具。

    Logseq is a joyful, open-source outliner that works on top of local plain-text Markdown and Org-mode files. Use it to write, organize and share your thoughts, keep your to-do list, and build your own digital garden.

    7 引用 • 69 回帖
  • SMTP

    SMTP（Simple Mail Transfer Protocol）即简单邮件传输协议，它是一组用于由源地址到目的地址传送邮件的规则，由它来控制信件的中转方式。SMTP 协议属于 TCP/IP 协议簇，它帮助每台计算机在发送或中转信件时找到下一个目的地。

    4 引用 • 18 回帖 • 635 关注
  • PWA

    PWA（Progressive Web App）是 Google 在 2015 年提出、2016 年 6 月开始推广的项目。它结合了一系列现代 Web 技术，在网页应用中实现和原生应用相近的用户体验。

    14 引用 • 69 回帖 • 177 关注

最新标签