位置: 编程技术 - 正文

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 服务端渲染功能整合

  • 主营业务收入借方发生额表示什么
  • 企业所得税如何抵扣
  • 以前年度损益科目核算业务
  • 递延所得税资产和递延所得税负债
  • 支付招聘费收到专票怎么记账
  • 销售商品开具商品单据
  • 加权平均净资产收益率反映什么
  • 原材料当废品卖怎么处理
  • 企业注销递延所得税资产怎么处理
  • 公司租土地建厂房合法吗
  • 研发支出费用化支出每个月都要结转吗
  • 公司车辆计提是含税还是不含税?
  • 小规模纳税人如何转一般纳税人
  • 详细解读财税[2014]75号文件
  • 小规模纳税人代理记账流程
  • 金融保险法
  • 劳务派遣企业差额扣除占比过高怎么办
  • 轮胎计入什么会计科目
  • 发票冲红可以冲红数量不变金额减少
  • 什么情况下确认成本
  • 多缴的企业所得税如何处理
  • 软件产品即征即退申请表
  • macOS 11 Big Sur beta 4值得升级吗?macOS 11 Big Sur beta 4更新详解
  • php技术基础知识
  • .linux文件
  • php单双引号的区别
  • PHP:pg_connection_busy()的用法_PostgreSQL函数
  • 企业采用备抵法核算坏账
  • 材料费可抵扣进项税计算
  • 进程process.acore已停止怎么办
  • PHP:clearstatcache()的用法_Filesystem函数
  • 哪些农产品按照鲜品统计
  • php连接mysql8.0
  • 购买金税盘的费用会计分录
  • 收回已转销的应收账款是什么意思
  • 实收资本确认时间什么入账
  • 三个数排序c语言程序从大到小
  • 帝国cms怎么调用文章随机段落
  • 营业额和营业收入怎么算
  • 小卖部铺货首次送货流程
  • 营业额的纳税比例是多少
  • 可供出售金融资产名词解释
  • 增值税扣款了能退回吗?
  • 有限合伙企业的税收筹划
  • 残保金中上年在职职工工资总额
  • 公司注销未认证怎么处理
  • 自来水差额征税申报表填写
  • 公司车折旧会计分录
  • 资产评估资产如何入帐
  • 财务费用的内容包括哪些
  • 管理费用是负数影响利润表吗
  • 明细分类账怎么打印
  • 怎么建立起来的
  • mysql写错了怎么结束
  • 设置共享时可使用的权限
  • 开机时显示
  • xp操作系统还能用吗
  • win8系统 Cisco VPN 442错误怎么办?解决方法介绍
  • 电脑一直显示windowsxp怎么办
  • SmoothView.exe - SmoothView是什么进程
  • windows7如何设置时间格式
  • linux阅读器
  • win7旗舰版要求
  • windows磁盘工具
  • 小郭聊一聊
  • js中密码由字母和数字组成,长度为4-20
  • JavaScript的strict模式与with关键字介绍
  • 程序员应该学什么
  • cmd更改文件属性
  • 样式默认有几种修改格式
  • python 初级
  • JavaScript事件处理器中的event参数使用介绍
  • node 多线程
  • jquery validate表单校验长度
  • 天龙3d畅游端下载
  • js实现组件功能
  • First Class: UI of Android
  • 安徽省定额发票真伪查询
  • 北京买车如何摇号
  • 煤矸石占地需要哪些手续
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设