登录 注册

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

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

很好奇的一件事

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

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

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

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

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

  • Vue.js

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

    266 引用 • 665 回帖
  • Tomcat

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

    162 引用 • 529 回帖
  • Q&A

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

    8112 引用 • 37000 回帖 • 160 关注
98 悬赏
5 关注
22 回帖
8
6
2
5.6k 166 535 690 1.8k 377 31 930 1.1k

相关帖子

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

欢迎来到这里！

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

注册 关于
请输入回帖内容 ...
  • 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 之外的其他的内容也打进去了 😂

  • someone9891 •
    捐赠者

    为啥要打包到 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
笔落兴亡定三端之妙，墨写清白尽六艺之奥
回帖
689
 帖子
189
 积分
6270

近期热议

推荐标签 标签

  • 倾城之链
    23 引用 • 66 回帖 • 137 关注
  • Postman

    Postman 是一款简单好用的 HTTP API 调试工具。

    4 引用 • 3 回帖 • 3 关注
  • 又拍云

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

    21 引用 • 37 回帖 • 545 关注
  • Git

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

    209 引用 • 358 回帖
  • Facebook

    Facebook 是一个联系朋友的社交工具。大家可以通过它和朋友、同事、同学以及周围的人保持互动交流，分享无限上传的图片，发布链接和视频，更可以增进对朋友的了解。

    4 引用 • 15 回帖 • 453 关注
  • API

    应用程序编程接口（Application Programming Interface）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

    77 引用 • 430 回帖 • 2 关注
  • 单点登录

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

    9 引用 • 25 回帖
  • WiFiDog

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

    1 引用 • 7 回帖 • 587 关注
  • OAuth

    OAuth 协议为用户资源的授权提供了一个安全的、开放而又简易的标准。与以往的授权方式不同之处是 oAuth 的授权不会使第三方触及到用户的帐号信息（如用户名与密码），即第三方无需使用用户的用户名与密码就可以申请获得该用户资源的授权，因此 oAuth 是安全的。oAuth 是 Open Authorization 的简写。

    36 引用 • 103 回帖 • 9 关注
  • V2Ray
    1 引用 • 15 回帖 • 1 关注
  • golang

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

    497 引用 • 1387 回帖 • 283 关注
  • 旅游

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

    90 引用 • 899 回帖
  • 周末

    星期六到星期天晚，实行五天工作制后，指每周的最后两天。再过几年可能就是三天了。

    14 引用 • 297 回帖
  • 心情

    心是产生任何想法的源泉，心本体会陷入到对自己本体不能理解的状态中，因为心能产生任何想法，不能分出对错，不能分出自己。

    59 引用 • 369 回帖
  • 房星科技

    房星网，我们不和没有钱的程序员谈理想，我们要让程序员又有理想又有钱。我们有雄厚的房地产行业线下资源，遍布昆明全城的 100 家门店、四千地产经纪人是我们坚实的后盾。

    6 引用 • 141 回帖 • 585 关注
  • 链书

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

    链书社

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

    14 引用 • 257 回帖
  • V2EX

    V2EX 是创意工作者们的社区。这里目前汇聚了超过 400,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。

    17 引用 • 236 回帖 • 325 关注
  • SSL

    SSL（Secure Sockets Layer 安全套接层），及其继任者传输层安全（Transport Layer Security，TLS）是为网络通信提供安全及数据完整性的一种安全协议。TLS 与 SSL 在传输层对网络连接进行加密。

    70 引用 • 193 回帖 • 432 关注
  • C

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

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

    Latke 是一款以 JSON 为主的 Java Web 框架。

    71 引用 • 535 回帖 • 786 关注
  • Kafka

    Kafka 是一种高吞吐量的分布式发布订阅消息系统，它可以处理消费者规模的网站中的所有动作流数据。 这种动作（网页浏览，搜索和其他用户的行动）是现代系统中许多功能的基础。 这些数据通常是由于吞吐量的要求而通过处理日志和日志聚合来解决。

    36 引用 • 35 回帖
  • CloudFoundry

    Cloud Foundry 是 VMware 推出的业界第一个开源 PaaS 云平台，它支持多种框架、语言、运行时环境、云平台及应用服务，使开发人员能够在几秒钟内进行应用程序的部署和扩展，无需担心任何基础架构的问题。

    5 引用 • 18 回帖 • 167 关注
  • ngrok

    ngrok 是一个反向代理，通过在公共的端点和本地运行的 Web 服务器之间建立一个安全的通道。

    7 引用 • 63 回帖 • 624 关注
  • 创业

    你比 99% 的人都优秀么？

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

    Java 是一种可以撰写跨平台应用软件的面向对象的程序设计语言，是由 Sun Microsystems 公司于 1995 年 5 月推出的。Java 技术具有卓越的通用性、高效性、平台移植性和安全性。

    3187 引用 • 8213 回帖
  • Lute

    Lute 是一款结构化的 Markdown 引擎，支持 Go 和 JavaScript。

    25 引用 • 191 回帖 • 16 关注
  • TextBundle

    TextBundle 文件格式旨在应用程序之间交换 Markdown 或 Fountain 之类的纯文本文件时，提供更无缝的用户体验。

    1 引用 • 2 回帖 • 47 关注

最新标签