位置: 编程技术 - 正文

vue.js项目打包上线的图文教程(vue.js打包部署)

编辑:rootadmin

推荐整理分享vue.js项目打包上线的图文教程(vue.js打包部署),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue打包成js文件然后引入调用,vue 项目打包,vue项目打包dist,vue打包成js文件然后引入调用,vue 项目打包,vue打包成一个js,vue.js打包部署,vue打包成js文件然后引入调用,内容如对您有帮助,希望把文章链接给更多的朋友!

最近一直坚持每个月写一个小的vue.js 开发的项目,最后开发完成后想到很久之前给别人回答的一个问题:vue的项目如何上线,当时有千奇百怪的回答,我在想,这些人都是肿了么,vue的官方都说了,这个框架只是做了view这一层,所以并不是把这些开发完的东西直接拷贝到服务器上,而且需要打包为静态文件上传服务器的。这里我简单的列出这个过程:

首先需要修改一下配置文件再打包,很多人都是遇到过打包后运行一片空白等等问题,这些问题主要就是路径的问题,所以需要修改config下面的index.js这个配置文件里选项:

上图中第一个要修改的就是静态文件的路径,打包后静态文件就在当前目录下,所以修改为./

第二个是环境设置为生产环境

vue.js项目打包上线的图文教程(vue.js打包部署)

修改好后打开cmd运行下面的命令打包即可:

注意下面的tip,告诉你这个打包后的文件需要放到服务器才能打开,不能直接使用浏览器打开,打包后的文件结构如下:

这时我们需要使用服务器的方式来访问index.html就可以了。这里可能很多人也会遇到一些问题,比如大家可能在开发的时候使用的proxytable来解决跨域的问题,这里就会没有数据了,这个需要自己通过服务器在解决一下才可以的,proxytable在这里只是为了方便大家开发的跨域解决方案。

以上这篇vue.js项目打包上线的图文教程就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

Vue.js与 ASP.NET Core 服务端渲染功能整合

浅谈Vue.js 组件中的v-on绑定自定义事件理解 每个Vue实例都实现了事件接口(Eventsinterface),即:使用$on(eventName)监听事件使用$emit(eventName)触发事件Vue的事件系统分离自浏览器的EventTargetAPI。尽管它们

Vue-cli-webpack搭建斗鱼直播步骤详解 前言想必大家都看过斗鱼直播吧?这次在下使用从github上面摸下来的API,为大家重现一下斗鱼网站的搭建,使用vue-cli-webpack来实现。声明本文章所用API

标签: vue.js打包部署

本文链接地址:https://www.jiuchutong.com/biancheng/377388.html 转载请保留说明!

上一篇:Angular 5.0 来了! 有这些大变化(angular ...)

下一篇:Vue.js与 ASP.NET Core 服务端渲染功能整合

  • 文化事业建设税怎么申报
  • 担任多家公司办事处主任
  • 印花税计算是否含税
  • 计入职工福利费的有哪些
  • 开红字发票需要收回原发票吗
  • 企业所得税税前扣除政策
  • 工程材料发票备注要求
  • 编制初始计量有什么要求
  • 组织机构代码是营业执照哪几位数字
  • 发票查询发票代码有误
  • 未支付的货款属于什么会计科目
  • 行政事业单位净资产关系图
  • 购进商品交印花税
  • 成品油购进数据未同步怎么办
  • 购置房产按揭应注意事项
  • 购买电脑的方案
  • 三个月工资一次扣税多少
  • 增值税的税负率就是用应缴纳的增值税总额
  • 企业ci
  • 药品底价高开票什么意思
  • 进项留抵退税会计科目
  • 合作方寄来的礼物能不能收?
  • 计提福利费用会计分录
  • 专票的六位开票代码指的是什么
  • 补领以前月份的工资如何计算个人所得税?
  • 技术服务收入和产品服务收入举个例子
  • 差额征税的服务费怎么入账
  • 工伤补偿需要缴税吗
  • 计提个人社保会计分录实操
  • 什么是个别资本的概念
  • 在windows7操作具有
  • 商品购进核算
  • 建筑行业挂靠开票怎么做账务处理?
  • 委托代销商品的科目编码
  • 应对怯场的方法
  • 土地增值税安置房收入的确认原则
  • php数组函数题目
  • 威尼斯海滩滑板场
  • 固定资产进项税额怎么抵扣
  • 应收借方表示什么
  • Vue Router4 ,prams 传参失效和报错问题
  • ls -lh命令
  • mysql封装函数
  • 结转成本费用的会计分录是什么?
  • wordpress怎么删除文章
  • java一天速成
  • 发票开具内容与实际经营范围不符是否合适呢?
  • 以销售额和年末存货计算的存货周转率公式
  • 税前扣除的意思
  • 出口不退税进项税是否可以抵扣
  • 其他收益算不算营业利润
  • 出国人员差旅出差补贴标准
  • 未使用和未投入使用
  • 如何填写会计凭证内容
  • 废料入库如何估价
  • 营改增后混凝土税率
  • 固定资产净额是什么意思
  • 新企业如何建帐
  • mysql 连接语句
  • 安装fedora33
  • centos文档
  • 虚拟机怎么安装VMware Tools
  • windows10预装
  • ubuntu20录屏
  • hpm是什么格式的文件
  • 怎么查看自己mac电脑有没有被人使用过
  • windows8.1开始
  • win8.1玩游戏卡
  • win8.1怎么用
  • win10预览体验计划不显示
  • .css
  • Python使用QQ邮箱发送Email的方法实例
  • c#委托实现的步骤
  • js实现点击按钮移动滑块到另一个按钮的方法
  • jquery实现自动轮播
  • android开发和java开发区别
  • 广西国家税务局官网
  • 北京朝阳地税搬哪去了
  • 企业交社保可以退税吗
  • 电子保险怎么查询车船税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设