• 15 Vue项目部署


    前言:

      VUE 是一个javascript的前端框架,注定了它是运行在浏览器里的,对服务器本地没有任何要求,只要一个静态文件服务器能通过http访问到其资源文件就足矣!无论你是用apache ,ngnix 就算你要用node 自己实现一个静态文件服务器,也用不了多少行代码。

      npm run dev 是用来在本地开发的时候做调试用的,vue开发的是前端的东西,不是nodejs 服务端程序,按道理讲,生产环境里就不该存在npm,甚至nodejs也不需要(用nodejs来做web静态服务的除外)运行npm run dev 来启动哪是开发机上做的调试的事情。

      正确部署的做法很简单,通过npm run build 把生成的文件夹里的内容上传到http服务器上就可以通过 http来访问了,开发机上正常,上传以后 程序出现错误不能运行的原因99.99%的可能性是你引用资源的路径有问题。

      一般如果vue框架的程序上传到网站服务器的根目录下是不 会有问题的,也不存在资源文件引用错误的情况,但如果你不是根目录,就会有问题。

    部署起来很简单:

    1: 进入到项目的文件夹: 运行 npm  run build

    2:   会生成 manage文件夹, 

     

     看一下static文件夹包含的东西:主要就是CSS, fonts字体和JS, 无论程序怎么复杂,打包完后就是这些东西。 当然可能还会有一些图片等的静态文件,本项目没有图片。

     3: 把生成的manage放到Tomcat的webapps文件夹下

    4: 运行 “D:Tomcat8apache-tomcat-8.5.20instartup.bat“, 启动Tomcatserver

    5: 浏览器中输入:   http://localhost:8080/manage/index.html#/ 

  • 相关阅读:
    在三层开发的DAL层中, 从web.config中读取数据库的连接字符串的方法
    [转]使用 DataAdapter 执行批量更新
    各式各样的 ICONS
    20个“标准的”配色方案
    一款 FORM 框报错提示 Demo
    超漂亮的仿腾讯弹出层效果
    POJ 2192 (DP)
    POJ 2063 (DP)
    POJ 3624 (DP)
    JavaScript技巧集
  • 原文地址:https://www.cnblogs.com/liufei1983/p/8746226.html
Copyright © 2020-2023  润新知