什么导致了首页初步加载过慢
请看下面一张图就清楚了
即app.js文件过大导致的。。。
如何来处理
vue-route 懒加载
component： resolve => require([''],resolve)
在webpack打包的过程中，将多余文件去掉，如map文件
即在config/index.js中将proctionSourceMap的值修改为false，就可以在编译时不生成.map文件了
cdn
在项目开发中，我们会用到很多第三方库，如果可以按需引入，我们可以只引入自己需要的组件，来减少所占空间，但也会有一些不能按需引入，我们可以采用CDN外部加载，在index.html中从CDN引入组件，去掉其他页面的组件import，修改webpack.base.config.js，在externals中加入该组件，这是为了避免编译时找不到组件报错。
vue 异步加载
vue异步加载分为组件的异步加载和请求时的异步加载两种情况。
组件异步加载即为路由的异步
方法一：
方法三：webpack提供的require.ensure()
vue-router配置路由，使用webpack的require.ensure技术，也可以实现按需加载。
这种情况下，多个路由指定相同的chunkName，会合并打包成
可能到时候打包的时候会出现路径找不到情况，这时候在webpack.prod.conf.js中修改下一些文件
Ⅱ vue.js怎么用js怎么实时获取网络状态
Add a response interceptor请求响应拦截
axiosInstance.interceptors.response.use(function (response) {
根据请求返回的不同code码来处理提示
})
Ⅲ vue 的前台获取不到数据
如果屏幕右下角的网络连接图标没有显示断开，而双击后看到连接状态中“接收”总是0，那很可能是网线做得不好，换一根保证正确的网线试一下，或者把这根线拿到其它地方去试一下。
绝对不会是系统的问题(当然如果你重装的话也可能会解决，因为你会重新设置网络连接)
应该是网络连接的设置有问题，比如说IP冲突（局域网连接），无法获得IP什么的
如果是家里的个人电脑，你可以和你的网络运营商联系（电信、铁通什么的，看你的网络），如果是通过局域网连接，首先确定没冲突，然后按照别人的设置一下（主要是属性--〉Internet协议（TCP/IP）的内容），或者联系网络管理员
！
Ⅳ Vue.js为什么获取不到网络数据
你好！如果屏幕右下角的网络连接图标没有显示断开，而双击后看到连接状态中“接收”总是0，那很可能是网线做得不好，换一根保证正确的网线试一下，或者把这根线拿到其它地方去试一下。 绝对不会是系统的问题(当然如果你重装的话也可能会解决，因为你会重新设置网络连接) 应该是网络连接的设置有问题，比如说IP冲突（局域网连接），无法获得IP什么的 如果是家里的个人电脑，你可以和你的网络运营商联系（电信、铁通什么的，看你的网络），如果是通过局域网连接，首先确定没冲突，然后按照别人的设置一下（主要是属性--〉Internet协议（TCP/IP）的内容），或者联系网络管理员 ！
Ⅳ Vue H5前端测试播放后端生成的m3u8视频格式的在Network中好像一直在请求.ts一直报红是什么原因
截图无有效信息，故只能根据经验推测
请求报错的原因可能有，
1网络问题，包括域名解析不了，服务器网络异常，客户端网络异常，网络拥堵超时等
2服务器问题，包括服务器内部错误，服务器宕机等
3客户端问题，包括请求的链接错误，请求的方法错误，请求的资源没权限等
4安全问题，包括https页面请求http链接，https链接的证书异常，跨域问题等
Ⅵ 如何全局添加vue拦截器追加头部
一般的异常都是往上面抛 统一处理 在struts2中 可以再struts.xml中配置异常信息的 代码出现异常就会进入配置的错误页面
Ⅶ 详解Vue项目在其他电脑npm run dev运行报错的解决方法
一个
Vue
项目从一台电脑上传到
github
上之后，再另外一台电脑上
git
clone
。并使用
npm
run
dev
或
npm
run
start
发生以下报错的解决方法。
报错原因
缺少
node_moles
里面的依赖。在项目目录下使用
npm
install
然后再
npm
run
dev。
如果在这一步当中，
npm
install
执行的过程中，处于一直卡顿的状态。说明网络状况不佳。建议使用
cnpm
淘宝源。
淘宝源
使用
cnpm
-v
查看是否已经安装
cnpm。如果没有，使用
npm
install
cnpm
-g
--registry=https://registry.npm.taobao.org
命令安装。然后将上面
npm
的步骤命令改成
cnpm
即可。
补充：
默认电脑里已经安装Node.js
下载完别人的VUE项目后，我们执行下载所有依赖npm
install后启动npm
run
dev运行的最后一步经常会报错，
不是缺少依赖模板，就是node_moles版本与本机安装的node和npm版本不一致。
今天遇到的问题就是版本不一致，例如我们的电脑中安装的node版本为6.10.3、npm版本为4.6.1。而项目中的版本为"node":
">=
4.0.0",
"npm":
">=
3.0.0"。
这样运行后终端会报错，无效的指令。
这时解决的方法就是直接删除vue项目中的node_moles，同时修改package.json文件里面的
"engines":
{
"node":
">=
4.0.0",
"npm":
">=
3.0.0"
},
将"node":
">=
4.0.0","npm":
">=
3.0.0"修改为"node":
">=
6.10.3","npm":
">=
4.6.1"（你电脑中node/npm的版本号）
然后执行npm
install重新下载所有依赖
最后执行npm
run
dev就能成功运行项目了。
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
Ⅷ 用vue访问接口能正常返回数据，但是报500错误，用postman提交一样的参数请求也正常，这是为什么呢
我的也是用POSTman可以获取数据,我这边用axios去获取,加了application/x-www-form-urlencoded也是传不过来数据,一直报500,说是XMLhttp请求不对,困扰了好几天了,一直在想有没有人专写一个接口组件,可以接受各种类型的接口,每次还要去针对的写,太麻烦.什么form-data,x-www-form-urlencoded