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

搜索资源列表

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

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

    • 发布日期:2020-10-14
    • 文件大小:41kb
    • 提供者: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
    • 文件大小:164kb
    • 提供者: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
    • 文件大小:48kb
    • 提供者:weixin_38592332
  1. vue代码分割的实现(codesplit)

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

    • 发布日期:2020-12-03
    • 文件大小:142kb
    • 提供者: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
    • 文件大小:47kb
    • 提供者: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
    • 文件大小:489kb
    • 提供者: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
    • 文件大小:155kb
    • 提供者: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
    • 文件大小:477kb
    • 提供者: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
    • 文件大小:97kb
    • 提供者: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
    • 文件大小:129kb
    • 提供者: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
    • 文件大小:50kb
    • 提供者: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
    • 文件大小:351kb
    • 提供者: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
    • 文件大小:351kb
    • 提供者: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. 所属分类:其它

  1. vue-video:video项目前端源代码-源码

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

  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. 所属分类:其它

  1. weweb:兼容小程序写法的web开发框架-源码

  2. 微网 简介 weweb是一个兼容小程序语法的前端框架,你可以用小程序的写法,来写web应用。如果你已经有小程序了,通过它你可以将你的小程序运行在浏览器中。 vue的语法,也可以使用wepy编写小程序,再通过weweb转换后将其运行在web端。 优点 跨平台,一组代码多端运行(小程序,h5,未来还可以直接打包成app) 自带通用组件,完美继承了小程序内置组件 兼容小程序rpx语法,使页面更容易适应各种规格 该项目基于小程序开发者工具内置的小程序运行框架来实现的,我们在仔细研究了小程序官方的嵌套框架
  3. 所属分类:其它

  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. 所属分类:其它

  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
    • 文件大小:110kb
    • 提供者: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
    • 文件大小:35kb
    • 提供者:weixin_38666208
« 12 »