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

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

很好奇的一件事

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

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

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

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

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

  • Vue.js

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

    264 引用 • 665 回帖
  • Tomcat

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

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

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

    7935 引用 • 36298 回帖 • 168 关注

相关帖子

欢迎来到这里!

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

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

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

    1 回复
  • loocao

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

  • 为啥要打包到 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

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

请输入回帖内容 ...
yuanhenglizhen
笔落兴亡定三端之妙,墨写清白尽六艺之奥

推荐标签 标签

  • 单点登录

    单点登录(Single Sign On)是目前比较流行的企业业务整合的解决方案之一。SSO 的定义是在多个应用系统中,用户只需要登录一次就可以访问所有相互信任的应用系统。

    9 引用 • 25 回帖
  • SOHO

    为成为自由职业者在家办公而努力吧!

    7 引用 • 55 回帖 • 18 关注
  • Elasticsearch

    Elasticsearch 是一个基于 Lucene 的搜索服务器。它提供了一个分布式多用户能力的全文搜索引擎,基于 RESTful 接口。Elasticsearch 是用 Java 开发的,并作为 Apache 许可条款下的开放源码发布,是当前流行的企业级搜索引擎。设计用于云计算中,能够达到实时搜索,稳定,可靠,快速,安装使用方便。

    117 引用 • 99 回帖 • 223 关注
  • Linux

    Linux 是一套免费使用和自由传播的类 Unix 操作系统,是一个基于 POSIX 和 Unix 的多用户、多任务、支持多线程和多 CPU 的操作系统。它能运行主要的 Unix 工具软件、应用程序和网络协议,并支持 32 位和 64 位硬件。Linux 继承了 Unix 以网络为核心的设计思想,是一个性能稳定的多用户网络操作系统。

    939 引用 • 940 回帖
  • PostgreSQL

    PostgreSQL 是一款功能强大的企业级数据库系统,在 BSD 开源许可证下发布。

    22 引用 • 22 回帖 • 1 关注
  • 酷鸟浏览器

    安全 · 稳定 · 快速
    为跨境从业人员提供专业的跨境浏览器

    3 引用 • 59 回帖 • 31 关注
  • golang

    Go 语言是 Google 推出的一种全新的编程语言,可以在不损失应用程序性能的情况下降低代码的复杂性。谷歌首席软件工程师罗布派克(Rob Pike)说:我们之所以开发 Go,是因为过去 10 多年间软件开发的难度令人沮丧。Go 是谷歌 2009 发布的第二款编程语言。

    497 引用 • 1387 回帖 • 294 关注
  • SQLServer

    SQL Server 是由 [微软] 开发和推广的关系数据库管理系统(DBMS),它最初是由 微软、Sybase 和 Ashton-Tate 三家公司共同开发的,并于 1988 年推出了第一个 OS/2 版本。

    19 引用 • 31 回帖
  • Git

    Git 是 Linux Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。

    209 引用 • 358 回帖
  • 小说

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

    28 引用 • 108 回帖
  • WiFiDog

    WiFiDog 是一套开源的无线热点认证管理工具,主要功能包括:位置相关的内容递送;用户认证和授权;集中式网络监控。

    1 引用 • 7 回帖 • 586 关注
  • 宕机

    宕机,多指一些网站、游戏、网络应用等服务器一种区别于正常运行的状态,也叫“Down 机”、“当机”或“死机”。宕机状态不仅仅是指服务器“挂掉了”、“死机了”状态,也包括服务器假死、停用、关闭等一些原因而导致出现的不能够正常运行的状态。

    13 引用 • 82 回帖 • 53 关注
  • Mobi.css

    Mobi.css is a lightweight, flexible CSS framework that focus on mobile.

    1 引用 • 6 回帖 • 733 关注
  • 服务器

    服务器,也称伺服器,是提供计算服务的设备。由于服务器需要响应服务请求,并进行处理,因此一般来说服务器应具备承担服务并且保障服务的能力。

    124 引用 • 580 回帖
  • 旅游

    希望你我能在旅途中找到人生的下一站。

    90 引用 • 899 回帖
  • OkHttp

    OkHttp 是一款 HTTP & HTTP/2 客户端库,专为 Android 和 Java 应用打造。

    16 引用 • 6 回帖 • 60 关注
  • BAE

    百度应用引擎(Baidu App Engine)提供了 PHP、Java、Python 的执行环境,以及云存储、消息服务、云数据库等全面的云服务。它可以让开发者实现自动地部署和管理应用,并且提供动态扩容和负载均衡的运行环境,让开发者不用考虑高成本的运维工作,只需专注于业务逻辑,大大降低了开发者学习和迁移的成本。

    19 引用 • 75 回帖 • 632 关注
  • GitBook

    GitBook 使您的团队可以轻松编写和维护高质量的文档。 分享知识,提高团队的工作效率,让用户满意。

    3 引用 • 8 回帖 • 2 关注
  • 代码片段

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

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

    54 引用 • 292 回帖
  • 思源笔记

    思源笔记是一款隐私优先的个人知识管理系统,支持完全离线使用,同时也支持端到端加密同步。

    融合块、大纲和双向链接,重构你的思维。

    22019 引用 • 87804 回帖 • 2 关注
  • JVM

    JVM(Java Virtual Machine)Java 虚拟机是一个微型操作系统,有自己的硬件构架体系,还有相应的指令系统。能够识别 Java 独特的 .class 文件(字节码),能够将这些文件中的信息读取出来,使得 Java 程序只需要生成 Java 虚拟机上的字节码后就能在不同操作系统平台上进行运行。

    180 引用 • 120 回帖 • 1 关注
  • 创业

    你比 99% 的人都优秀么?

    84 引用 • 1399 回帖 • 1 关注
  • Flume

    Flume 是一套分布式的、可靠的,可用于有效地收集、聚合和搬运大量日志数据的服务架构。

    9 引用 • 6 回帖 • 621 关注
  • RabbitMQ

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

    49 引用 • 60 回帖 • 366 关注
  • OnlyOffice
    4 引用 • 2 关注
  • Netty

    Netty 是一个基于 NIO 的客户端-服务器编程框架,使用 Netty 可以让你快速、简单地开发出一个可维护、高性能的网络应用,例如实现了某种协议的客户、服务端应用。

    49 引用 • 33 回帖 • 19 关注
  • 反馈

    Communication channel for makers and users.

    123 引用 • 911 回帖 • 237 关注