位置: 编程技术 - 正文

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

  • 应交税费负数调整到其他流动资产
  • 免抵退和免退税 区别 委托
  • 银行本票与银行本票存款的区别
  • 开了发票不做收入的账务处理
  • 利润表的调整
  • 收了押金不退
  • 工会经费计入成本费用
  • 获取发票信息异常
  • 2020年减免水利基金会计分录
  • 充值卡充值发票可以报销吗
  • 单位收到增值税专用开票人写管理员
  • 个体户要申报哪些报表
  • 应交印花税会计分录
  • 耕地占用税完税证明有什么用
  • 建筑企业管理部门
  • 营业外支出所得税汇算要调增吗
  • 研发失败的项目可以加计扣除吗
  • 专用发票可以重复盖章吗
  • 预提保障金和交税的区别
  • 换货的手续费走哪个科目
  • 设备安装公司如何经营
  • 经营费用包括哪些内容
  • 个税退手续费要多久到账
  • compaq-rba.exe是哪个方面的进程 作用是什么 compaq-rba进程查询
  • 中投公司投资的股票
  • php中字符串函数
  • 招待费审批流程
  • explorer进程作用
  • 寿命最短的苹果手机
  • PHP:pcntl_waitpid()的用法_PCNTL函数
  • 出口免税和退税交附加税
  • 关于固定资产抵扣的税务规定
  • 预付办公用品费用,未收到发票
  • 工业厂房修缮工程需要报建吗
  • 电子承兑汇票支付信用查询是什么意思
  • window.location.href返回值
  • php数组查询
  • 广东省工科赛智能配送
  • 平常心下一句该怎么说
  • 工资计提未发放,调增还是调减
  • 在建工程的前期工程
  • 财政拨款结转的核算
  • CentOS 6.5 x64系统中安装MongoDB 2.6.0二进制发行版教程
  • phpcms api
  • 差旅费可以抵扣嘛
  • 购买设备配件
  • 结算备付金会计分录
  • 应收票据周转率公式
  • 收到红字发票如何认证呢
  • 应付账款周转率计算公式
  • 异地建筑服务开全电发票
  • 小规模纳税人销售要交税吗
  • 税控系统技术维护费的申报抵扣方法
  • 根据《增值税暂行条例》的规定,适用9
  • 公司现金支票取现要缴税吗
  • 个人独资企业核定征收取消了吗
  • 固定资产帐怎么做
  • window如何还原系统
  • linux AS3 oracle9i 安装指南
  • win10假死的原因
  • cortanawin10在哪
  • linux怎么禁用命令
  • centos7rz
  • hpm是什么格式的文件
  • hyper run
  • windows7回收站图标没了
  • win7卸载软件时显示program
  • win7电脑启动
  • cocos2djs
  • unity 3d书籍
  • node创建服务
  • node+express+ejs制作简单页面上手指南
  • node.js教程详细
  • jquery插件之家
  • wpf 设置鼠标样式
  • JavaScript设置字体颜色
  • 网络发票开票系统怎么设置?
  • 赣州市民中心上班时间电话号码
  • 工商税务登记流程视频
  • 要深化税收制度改革健全
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设