位置: 编程技术 - 正文

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

  • 申报个人所得税在哪里报
  • 申报纳税的意思
  • 联通的话费能干吗
  • 个人所得税减免 租房没有合同编号
  • 机械费可以计入劳务单价吗
  • 固定资产报废电脑
  • 小企业会计制度及核算办法
  • 赠送客户的商品怎么入账
  • 产品售后维修产品介绍
  • 一个公司控股另一个公司
  • 出售资产时递延所得税怎么处理
  • 简易计税算税收优惠吗
  • 印花税少提了怎么办
  • 税前计提工资福利费用如何做会计核算?
  • 其他业务活动包括
  • 维修房产用的建材会计分录
  • 培训发票可以抵进项税吗
  • 个人独资企业免税额度
  • 过节时单位发的奖金
  • 预付油卡怎么入账
  • 以前固定资产入账折旧怎么提
  • word中的引号方向不对
  • 水土保持补偿费收费依据
  • 购买加油卡怎么充值
  • 在win7系统中将打开窗口拖到屏幕顶端
  • php字符串操作函数
  • PHP:curl_error()的用法_cURL函数
  • php空间怎么用
  • 职工教育经费超过扣除限额的时候调增还是调减
  • thinkphp操作数据库
  • php cgi
  • 契税计税依据及计算方式
  • 英国布莱顿霍夫怎么样
  • spring boot 接受参数
  • 报个税时显示扣缴单位无有效的税费种认定信息
  • php 位运算符
  • 老项目简易征收税务需要的资料有哪些
  • 小规模纳税人低于30万怎么填报申报表
  • vue中用echarts
  • 长投转可供
  • python 数据采集卡
  • 未达起征点怎么填申报表
  • 无形资产资产处置损益怎么算
  • 公司两个股东变更为一个股东,需要交税么
  • 交易性金融资产公允价值变动怎么算
  • mysql的存储引擎有哪些,区别是什么
  • mysql中where的用法
  • 增值税申报表是含税还是不含税
  • 计提的生产车间职工工资
  • 完工产品成本计算表怎么填
  • 酒店没有营业执照开业犯法吗
  • 工程物资属于什么科目资产负债表
  • 如何合理的运用网络
  • 买一送一会计分录怎么写
  • 红字冲销发票的作用
  • 商业银行的固定资产
  • sqlserver 中文字符集
  • MySQL关键字执行顺序
  • win8自带软件
  • fedora怎么用
  • 安装win8系统需要什么条件
  • macbookpro如何开启查找我的mac
  • win7z
  • xp更改远程端口
  • linux命令文件移动并改名
  • 电脑开启虚拟wifi
  • win7双显示器设置
  • 欢迎使用来电提醒业务,本次呼叫将以点对点
  • Interlnk、Intersvr、Qbasic命令的使用方法
  • jquery搜索页面内容
  • 注释标签的内容会显示在浏览器窗口中
  • css样式分为
  • js多选
  • python pdf操作
  • unity3d性能优化工具
  • python百分数运算怎么写
  • 居间服务费税收优惠政策
  • 长沙市社保中心主任
  • 个人股权转让是否增值了怎么判断
  • 继承房产过户后可以要求分割吗?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设