vue怎么打包,vue项目怎么打包上线

vue项目怎么打包上线,本文采用nodejs框架egg(与koa2类似,可兼容koa2的模块)来演示将vue部署到node服务中,避免通过配置Nginx来实现首先将vue打包后的dist文件夹下的st

vue项目怎么打包上线,本文采用nodejs框架egg(与koa2类似,可兼容koa2的模块)来演示将vue部署到node服务中,避免通过配置Nginx来实现

首先将vue打包后的dist文件夹下的static下的资源放置到egg工程下app/dist文件夹中,下图是在congfig.js配置文件中修改静态资源文件的路径与vue中一致。

在 package.json 中新增一条打包命令,其中 packages/index.js 指定打包入口文件 默认情况下该命令不会将 Vue 打包进去,因为任何引用我们库的Vue项目都默认包含 Vue ,如果使用文件或者CDN方式引入我们的库,则需要使用者手动。

项目目录如下:

紧接着将vue打包后的dist下的index.html放置到egg工程目录下view/dist(为了区分本工程原有文件)中;路由配置如下,注意其中有一个解决vue的history模式的刷新出现404的问题

4、在main.js中将ip添加到vue原型中:Vue.prototype.ip = window.ip;5、最后在需要调用 的地方直接使用this.ip即可。6、打包之后的目录结构,如果服务器的ip地址发生了变化,可直接修改server.js文件,然后保存。

配置到此项目可以启动,访问localhost:xxxx可以访问到vue打包后的index.html

最后我们开始解决vue工程中的跨域接口代理问题;

写一个中间件,此处配置与vue中相同

vue代理配置:

不要忘记在egg配置文件中启用中间件:

然后我们就可以愉快的访问项目了

1.vue项目打包---npm run build 2.在HBuilder中新建5+app项目 3.把5+app项目中删除js css等文件 只剩manifest.json 文件 4.复制vue项目打包后的dist目录中所有文件到5+app项目 5.HBuilder中发布--》app云打包 注意。

上一篇 2023年02月09 07:51
下一篇 2023年02月08 04:46

相关推荐

  • 淘宝怎么上传宝贝,淘宝开店怎么添加宝贝

    在淘宝上有很多商品的图片是做的很精美的,给人的第一印象就是还不错,其实现在淘宝商品图片都是淘宝店铺请专业的美工来设计制作的,所以肯定有比较好的效果,淘宝开店怎么添加宝贝,那么如何给宝贝上传这些精美的图

    2023年01月16 272
  • 苹果怎么清理,苹果14plus拍照太次了

    一直以来,苹果手机的清理方法就比较麻烦,但如果你掌握了一些方法,那就可以知道怎样才可以清理掉几十个G的垃圾,这些垃圾我们用常规的手段是清理不掉的,因为它不像安装手机一些,拥有一键清理的功能,必须要手动

    2023年02月09 299
  • 阿里云域名怎么备案,阿里云域名备案流程详细

    一:云服务器厂商选哪家最靠谱?按照规模,性能来说,阿里云腾讯云华为云ucloud。阿里云:独一档,官网表示,是第二名到第五名市场占有率的总和。腾讯云:差了阿里云一档。阿里云域名备案流程详细,华为云:华

    2023年02月05 272
  • 京东物流怎么样

    文丨新博弈,作者丨丽媛,编辑丨雷云霆5月28日,京东物流于香港联交所主板上市,股票代码为2618。1、京东物流从成立之初起,独创的仓配一体模式奠定了自身的供应链服务优势,以客户体验为中心进行网络、服务

    2023年02月11 218
  • tar.gz怎么安装,Linux系统怎么安装gz包软件

    nacos的下载地址:Releases·alibaba/nacos·GitHub根据自己项目配置的版本,下载对应的nacos客户端。windows下载上面的tar.gz的安装包,linux下载下面的z

    2023年02月06 253
  • 超链接怎么设置,手机上WPS做PPT怎样做超链接

    TelegramMessenger是一种全球可访问的免费增值、跨平台、加密、基于云的集中式即时消息(IM)服务。飞机提供可选的端到端加密聊天。云聊天和群组在客户端和服务器之间进行了加密,因此ISP和网

    2023年01月16 225
  • apk怎么打开,手机怎样打开apk文件

    瑞兔送福2023积分商城上新春节即将来临,手机怎样打开apk文件,贴春联、写福字、备年货……节日氛围渐浓。上海金山APP也为大家上新了一批特色商品供大家兑换。,兔年送你大元宝,财源滚滚往家跑;兔年送你

    2023年02月04 232
  • 邮件怎么发送文件夹,qq邮箱怎么发送一整个文件夹

    很多公司人员在办公的时候,使用outlook客户端收取邮件时,所有邮件都存放在一起,邮件数量多,对于查看邮件,观看性差。可以通过收邮件规则进行定义,将自动发送过来的邮件,自动放入到相应的文件夹中。1、

    2023年01月20 292
  • win7隐藏文件夹怎么显示

    各位小伙伴的电脑里多少都有一些隐私文件,无论是工作内容还是个人隐私,想必都是要好好保护的,那么大家平时会怎么隐藏这些文件夹呢?在文件属性里设置“隐藏”,又或者是埋在一堆层层叠叠的文件夹之下?这些都不是

    2023年02月06 299
  • 键盘怎么洗

    2023年01月19 237
  • 时间怎么算,时间差计算器在线

    有很多网友都在问:什么是时间?时间的起源为世,世分三世,即过去,现在和未来。世界是生灭体,重叠生灭。世为迁流,界指方位,合为世界。生灭变化分段发生故有界立,世界生生死死,死死生生,无有暂停,互为高下,

    2023年02月08 247
  • 谷歌怎么下载

    谷歌google官网,IT之家5月10日消息,据Neowin报道,早在3月份,由于许多公司撤出俄罗斯,支付系统中断,谷歌宣布将“暂停”其在俄罗斯的GooglePlay计费系统。当时,它要求开发人员免费

    2023年02月03 258
  • wifi怎么看密码,手机上怎么查看WiFi密码

    方法一:在电脑网络连接中查看密码在电脑网络连接的时候都会设置wifi网络的拨号和密码设置等等,手机上怎么查看WiFi密码,所以可以通过连接中进行看到,具体的步骤:(以下步骤以win7系统继续操作)在电

    2023年02月13 219
关注微信