您好,欢迎光临本网站![请登录][注册会员]  

搜索资源列表

  1. vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作

  2. 主要介绍了vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  3. 所属分类:其它

    • 发布日期:2020-10-14
    • 文件大小:41984
    • 提供者:weixin_38645434
  1. vue-cli或vue项目利用HBuilder打包成移动端app操作

  2. 一、测试项目是否可以正确运行 指令:npm run dev 1、首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目 二、修改路径 (assetsPublicPath: ‘./’) 1、 打开我们config中的js文件,修改assetsPublicPath的路径为”./”(下图的右下角位置) 2、 检查下assetsRoot: path.resolve(__dirname, ‘…/dist’), assetsSubDirectory: ‘static’, asset
  3. 所属分类:其它

    • 发布日期:2020-11-20
    • 文件大小:167936
    • 提供者:weixin_38673548
  1. 压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)

  2. 问题 由于这次项目是在初学 Vue 之后的第一个正式项目,没有考虑到类似 路由懒加载、 按需加载的问题 ,所以呢,也算是没经验。 到了这些天,项目写得差不多了,准备放到服务器测试,才发现这个问题。 优化前: app.js 2.3MB vendor.js 2.4MB vendor.css 612kB app.js.map 9.13MB vendor.js.map 16.21MB //不一一列举.... 优化 接下来看看优化方法。 优化步骤1: 不生成.map文件 在 webpack
  3. 所属分类:其它

    • 发布日期:2020-11-21
    • 文件大小:49152
    • 提供者:weixin_38592332
  1. vue代码分割的实现(codesplit)

  2. 在vue单页应用中,若不做任何处理,所有vue文件会打包为一个文件,这个文件非常的大,造成网页在首次进入时比较缓慢。做了代码分割后,会将代码分离到不同的bundle中,然后进行按需加载这些文件,能够提高页面首次进入的速度,网站性能也能够得到提升。 一、未分割时浏览器加载js的情况   可以看到,只有一个app.js,大小为595kb,若在实际的大型项目中,这个大小会更大 二、做了代码分割后浏览器加载js情况   发现多了一个js文件,且app.js大小也变小了,下面看看点击到其他页面时加载情
  3. 所属分类:其它

    • 发布日期:2020-12-03
    • 文件大小:145408
    • 提供者:weixin_38556189
  1. vue-cli脚手架打包静态资源请求出错的原因与解决

  2. 问题 vue-cli默认配置打包后部署到特定路径下静态资源路径错误问题。 静态资源打包使用相对路径后css文件引入大图片路径错误问题 使用vue-cli2脚手架生成的默认打包配置文件,npm run build打包,部署项目到特定路径下://ip:port/test/index.html 此时访问//ip:port/test/index.html可以正常访问,但是引用的js和css等文件服务器响应为404,此时我们查看资源请求路径: http://ip:port/static/css
  3. 所属分类:其它

    • 发布日期:2020-12-02
    • 文件大小:48128
    • 提供者:weixin_38704701
  1. 详解Vue webapp项目通过HBulider打包原生APP

  2. Vue webapp项目通过HBulider打包原生APP 1、webapp项目已经通过vue-cli搭建的脚手架写好了,然后通过webpack打包成一个部署文件list,如下: 2、打开HBulider,打开目录,选择这个list,项目名称自己更改。(或者直接新建一个app项目,然后把里边的unpackage和manifest这两个保留下来,其他的替换成自己dist文件里边的内容) 这个时候是web项目,需要改为APP项目(如果直接新建的app,请忽略此步) 更改前: 更改后: 
  3. 所属分类:其它

    • 发布日期:2020-12-01
    • 文件大小:500736
    • 提供者:weixin_38544978
  1. vue按需加载组件webpack require.ensure的方法

  2. vue-cli是由vue官方发布的快速构建vue单页面的脚手架。 使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体, 打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码 router/index.js 路由相关信息,该路由文件引入了多个 .vue组件 import Hello from '/components/Hello' import Province from '/
  3. 所属分类:其它

    • 发布日期:2020-11-29
    • 文件大小:158720
    • 提供者:weixin_38663197
  1. 详解Vue webapp项目通过HBulider打包原生APP(vue+webpack+HBulider)

  2. 1、webapp项目已经通过vue-cli搭建的脚手架写好了,然后通过webpack打包成一个部署文件list,如下: 2、打开HBulider,打开目录,选择这个list,项目名称自己更改。(或者直接新建一个app项目,然后把里边的unpackage和manifest这两个保留下来,其他的替换成自己dist文件里边的内容) 这个时候是web项目,需要改为APP项目(如果直接新建的app,请忽略此步) 更改前: 更改后:  3、在HB中打开这个dist,可以看到有一个manife
  3. 所属分类:其它

    • 发布日期:2020-11-28
    • 文件大小:488448
    • 提供者:weixin_38531788
  1. vue项目打包部署到服务器的方法示例

  2. 上上一篇我写过一些关于vue项目部署到linux服务器的文章,但是那是以node作为开发环境 pm2 守护进程的方式,让他能正常运行,可是还是出现了问题,因为属于与APP交互的页面,在webView中打开过慢,APP的用户体验非常的差,所以我查找了资料,改变了部署方式,接下来我介绍一下 这一次,我想Tomcat为例 我们先看一下Linux中 Tomcat下面的目录结构: 以vue-cli 搭建出来的手脚架 webpack的模板下的/config/index.js,这里可以看到assetsPub
  3. 所属分类:其它

    • 发布日期:2020-12-09
    • 文件大小:99328
    • 提供者:weixin_38750406
  1. 详解vue项目优化之按需加载组件-使用webpack require.ensure

  2. 使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build  会将所有的js代码打包为一个整体, 打包位置是 dist/static/js/app.[contenthash].js   类似下面的路由代码 router/index.js  路由相关信息,该路由文件引入了多个 .vue组件 import Hello from '/components/Hello' import Province from '/components/Province' import S
  3. 所属分类:其它

    • 发布日期:2020-12-07
    • 文件大小:132096
    • 提供者:weixin_38530995
  1. 详解Webpack如何引入CDN链接来优化编译后的体积

  2. 背景 在 Vue 项目中,引入到工程中的所有 js 文件,编译时都会被打包进 vendor.js,也就导致了 vendor.js 文件体积变得相当臃肿,一定程度上影响着页面的渲染。为了减少编译后的体积,提高页面渲染速度,我们可以通过引入 CDN 链接把库分离,多线程异步 js 库,从而达到加速渲染的目的。那么我们如何做呢? 步骤 1.引入CDN链接 在项目的 index.html 中,常规方式引入 CDN 链接,此处以 vue 和 element-ui 为例: <scr
  3. 所属分类:其它

    • 发布日期:2020-12-29
    • 文件大小:51200
    • 提供者:weixin_38731027
  1. vue 首页加载缓慢、白屏现象

  2. vue项目打包上线后,首次打开会发现加载很慢,出现白屏的问题, 一、问题原因 打开控制台查看文件加载情况,会发现app.js/vendor.js这两个文件加载时间较长 二、解决办法 1、图片压缩 使用webpack打包文件时,可以看到图片资源显示过大,使用工具进行压缩 2、去掉.map文件 webpack打包文件时,会看到有一些.map文件生成 修改: 找到config文件夹下的index.js文件,build里边的productionSourceMap值改为false即可 3、CDN外
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:359424
    • 提供者:weixin_38640674
  1. vue 首页加载缓慢、白屏现象

  2. vue项目打包上线后,首次打开会发现加载很慢,出现白屏的问题, 一、问题原因 打开控制台查看文件加载情况,会发现app.js/vendor.js这两个文件加载时间较长 二、解决办法 1、图片压缩 使用webpack打包文件时,可以看到图片资源显示过大,使用工具进行压缩 2、去掉.map文件 webpack打包文件时,会看到有一些.map文件生成 修改: 找到config文件夹下的index.js文件,build里边的productionSourceMap值改为false即可 3、CDN外
  3. 所属分类:其它

    • 发布日期:2021-01-08
    • 文件大小:359424
    • 提供者:weixin_38690522
  1. weibo:《 HTML5移动Web + Vue.js应用开发实战》之-微博Web App实战案例配套源码-源码

  2. 微博 之-微博Web App实战案例配套源码 安装依赖 npm install 开发模式启动 npm run serve 生产模式打包 npm run build 该项目为纯前端逻辑,使用的数据为mock假的json数据,直接根据命令启动即可。 如果本书对你有用,动动手指点个star!
  3. 所属分类:其它

    • 发布日期:2021-03-24
    • 文件大小:2097152
    • 提供者:weixin_42104778
  1. vue-video:video项目前端源代码-源码

  2. 视频 项目的前端源代码。 整改计划 家庭迁移 登录注册页面迁移 查询页迁移 详情页迁移 播放页面迁移 留言与评论模块迁移 分享模块迁移 后台管理迁移 页面整改美化(持续) 文件上传插件更换-使用el-upload 错误页面完善 项目优化 后台管理添加日志监控,添加到数据管理页当中 后台管理系统退出登录后,首页的用户登录信息还在 后台管理的目录管理,可以细分为分类管理,年份管理,区域管理,等级管理 影片详情页面UI美化 影片信息修改/添加页面,更新接口没有调用关联接口,需优化 项目结构 . ├──
  3. 所属分类:其它

    • 发布日期:2021-03-23
    • 文件大小:7340032
    • 提供者:weixin_42118161
  1. VUE-CLOUD--源码

  2. 云项目 项目运行 本地运行:npm运行发球 项目打包:npm run build 开发技术:Vue(2.6.10),Vue CLI(3.9.2),Mint-UI(2.2.13),Vuex(3.0.1) 项目描述: 云音乐是一款移动音乐在线听APP,拥有经典老歌,伤感心情,励志标题,各国风俗等海量音乐,致力于为热爱音乐的人群提供便携,纯净的聆听体验。 创建流程: 使用Vue-CLI构建SPA单页面应用程序。 使用Vue-Router配置路由,使用Vuex存储组件共享数据。 使用HTML / CSS
  3. 所属分类:其它

    • 发布日期:2021-03-18
    • 文件大小:1048576
    • 提供者:weixin_42131443
  1. gjzx_wap2.0:国凯鲁班学院Hybrid App,H5采用Vue框架,嵌入webview与原生交互-源码

  2. 介绍 本项目为一个基于Vue的Hybrid App项目,所有页面均通过自己的H5完成,最后通过嵌入原生webview框架。扫码和指纹登录功能为原生实现。由于,我已经将打包的ipa文件发布到蒲公英平台,可以直接按照下面链接扫码下载即可。 下载地址: Android安装包为直接的apk文件,可以直接下载安装即可。 技术栈 Vue Vue路由器 Vue-Axios vant(Vue移动端UI组件库,项目中主要是用的开关和对话框组件) fastclick(解决移动端点击300ms延迟) vue
  3. 所属分类:其它

    • 发布日期:2021-02-06
    • 文件大小:935936
    • 提供者:weixin_42139871
  1. vue-electron-chrome:基于电子开发的应用浏览器-源码

  2. 电子浏览器 一个基于电子开发的应用浏览器,主要用于网页APP全屏模式运行,使WEB应用看起来更像一个原生应用浏览器主题可定制,配置简单,实现了简单的网页浏览器功能。 百度云下载: 链接: ://pan.baidu.com/s/1nxh2nBb密码:77mq 跑 项目基于模板开发。 安装依赖: npm install 以dev方式运行: npm run dev 打包成一体文件: npm run build 打包需要等待几分钟,打包生成还原文件在项目里的build文件夹下; build/w
  3. 所属分类:其它

    • 发布日期:2021-01-29
    • 文件大小:1048576
    • 提供者:weixin_42112894
  1. 使用vue开发移动端app 持续更新中

  2. 使用vue开发移动端app 持续更新中 开发前准备 Vue 移动端框架 参考资料 vuejs2.0 高级实战 全网稀缺 音乐WebAPP Vue2.0开发企业级移动音乐APP–导学–附github源码 网易云音乐接口+vue全家桶开发一款移动端音乐webApp Vue项目打包成移动端APP 从零开始搭建vue移动端项目到上线 准备vue项目 1. 将vue命令安装为全局模式 npm与yarn命令对比 全局安装 npm install -g vue/cli 或 yarn global add vu
  3. 所属分类:其它

    • 发布日期:2021-01-20
    • 文件大小:112640
    • 提供者:weixin_38592455
  1. vue-cli 首屏加载优化问题

  2. 使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build  会将所有的js代码打包为一个整体, 打包位置是 dist/static/js/app.[contenthash].js   类似下面的路由代码 router/index.js 路由相关信息,该路由文件引入了多个 .vue组件 import Personal from '/components/page/Personal' import Message from '/components/personnal/M
  3. 所属分类:其它

    • 发布日期:2021-01-19
    • 文件大小:35840
    • 提供者:weixin_38666208
« 12 »