记录一次vue 访问空白的排错

访问vue项目页面空白场景内网访问访问url很快就可以打开页面,外网访问一片浏览器端一片空白排查思路 [x] 由于不熟悉vue 先看了nginx的配置,以为是nginx的配置导致的 [x] 百度查询了vue 反向代理空白关键字看了一些感觉场景不对 [x] F12查看资源的加载,也是看到了很多资源收到被加载了,但是浏览器还是不显示首页资源,这个就纳闷了,不明白,不理解为什么明明浏览器已经加载到资源了,但是不去解析显示呢' [x] 随便点进去有一个,在timebe 显示为一串英文大概意思是,…

启动Jenkins后无法访问，如何排错

做IT工作,使用各种工具的时候,遇到错误都是一堆英文,对于英语不好的人,看到报错可能就会心烦,我刚开始就是这种状态.后来,遇到问题,首先复制报错信息到百度上搜索,没有人请教的时候,你不能坐等问题自己解决吧.当然,这个过程也是相当不悦的.首先,你的快速浏览,判断一下是不是你遇到问题的答案.其次,你得跟着一步一步操作,这个过程当中可能还会遇到新得问题,于是你有得先解决新的问题,这个过程会让人更加不爽.最后,经过系列的尝试,你可能解决了问题,也可能没有解决问题.不管结果怎样,对于新遇到的问题,自己最好…

通过cookie记录，设置页面访问的跳转页

通过cookie记录,设置页面访问的跳转页转载自:http://blog.csdn.net/yixiao_naihe/article/details/26679515. 目的: 1.访问fm.html时,假如没访问过,跳转到fm1.html,访问1次后,跳转到fm2.html,访问2次后,跳转到fm3.html,再次访问跳fm1.html,依次循环原理: 通过cookie保存访问记录:没访问过时,保存cookie1,访问1次后,保存cookie2,访问2次后,保存cookie3,再次访问fm…

4.VUE前端框架学习记录四：Vue组件化编码2

VUE前端框架学习记录四:Vue组件化编码2文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/file/d9e30c90f0f830e95a11f9c9a22e2616?token=396603e75153502e…

3.VUE前端框架学习记录三：Vue组件化编码1

VUE前端框架学习记录三:Vue组件化编码1文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/file/be7c0ea67e1832dcd6c3b807548ca394?token=314a84e3ec599696…

记录 nginx和php安装完后的URL重写，访问空白和隐藏index.php文件的操作方法

sudo cd /etc/nginx/; sudo vi fastcgi_params; 1.URL重写如果你的url参数不是用?xxx传递,而是自定义的,比如用/xx/xx/xx的方式传递,那么在nginx下就要开启pathinfo 典型配置: location ~ \.php$ { root html; fastcgi_pass 127.0.0.1:9000; fastcgi_index index.php; fastcgi_param SCRIPT_FILENAME $DOCUMENT_…

Vue学习记录第一篇——Vue入门基础

前面的话 Vue中文文档写得很好,界面清爽,内容翔实.但文档毕竟不是教程,文档一上来出现了大量的新概念,对于新手而言,并不友好.个人还是比较喜欢类似于<JS高级程序设计>的风格,从浅入深,娓娓道来于是,还是按照自己的思路,对Vue的知识体系从浅入深的开始学习.本文是Vue学习记录的第一篇,介绍Vue入门基础.把学习记录总结成博客,也是希望能够帮助到同样入门Vue的朋友概述 Vue.js对自己的定位是一套构建用户界面的渐进式框架.如下图所示下面来解释下,何为渐进式框架如果只使用Vue最基…

域名注册域名解析域名绑定 dns服务器解析域名记录的添加记录类型含义@ www 访问域名请求过程

创建一个web应用,简言之就是访问一个域名,可以到达一个地方,这个地方就是你存放供别人查看的文件的地方就像一条绳,从这头拉一下,可以拉出来另一头的东西主要有两个部分: 域名虚拟主机(空间) 1.域名 1.1域名注册 Google/baidu 搜索一下域名注册随便点一下,一般首页都会有这样类似的地方,输入你想要的,看看是不是被别人占有了,没有的话,恭喜你,一步一步的操作付费就好了这样域名就注册好了 1.2域名解析注册好了域名,只是代表你花了钱,这个域名是你的,他并没有做任何事情,他…

Python3基础 len,getitem 记录列表中元素访问的次数定制不可变序列,下标字典

Python : 3.7.0 OS : Ubuntu 18.04.1 LTS IDE : PyCharm 2018.2.4 Conda : 4.5.11 typesetting : Markdown code """ @Author : 行初心 @Date : 18-9-23 @Blog : www.cnblogs.com/xingchuxin @Gitee : gitee.com/zhichengji…

vue访问本地文件404

用了vue cli3.0用axios调用本地json数据一直报404,找了半天郁闷,最后发现原因是,vue cli3.0 public 文件夹才是静态资源文件,问题解决,记录一下,以后不再踩坑.…

vue访问外部接口设置代理，解决跨域（vue-cli3.0）

vue-cli3.0搭建的项目,平时访问内部接口配置了拦截器,今天需要调用天气预报的外部接口,发现跨域问题,通过配置代理解决. 1.在vue.config.js中配置代理 module.exports = { devServer: { proxy: { // 为天气接口配置代理,解决跨域 '/proxy/': { 'target': 'https://www.tianqiapi.com', //天气接口地址 'secure': false, // false为http访问,true为https访…

Vue访问子组件实例或子元素

1 尽管存在 prop 和事件,有的时候你仍可能需要在 JavaScript 里直接访问一个子组件(例如,调用子组件的方法).为了达到这个目的,你可以通过 ref 特性为这个子组件赋予一个 ID 引用. 2 $refs 只会在组件渲染完成之后生效,并且它们不是响应式的.这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs. 父组件 <template> <div id="app"> <button @click=&qu…

开发环境Vue访问后端接口教程(前后端分离开发,端口不同下跨域访问)

原理:开发环境下的跨域:在node.js上实现请求转发,vue前端通过axios请求到node.js上,node.js将请求转发到后端,反之.响应也是,先到node.js上,然后转发vue-cil项目上. 需要在根目录下新建文件vue.config.js. vue.config.js: vue.config.js 是一个可选的配置文件,如果项目的 (和 package.json 同级的) 根目录中存在这个文件,那么它会被 @vue/cli-service 自动加载.你也可以使用 package.…

Linux centos7 VMware Apache访问日志不记录静态文件、访问日志切割、静态元素过期时间

一.Apache访问日志不记录静态文件网站大多元素为静态文件,如图片.css.js等,这些元素可以不用记录 vim /usr/local/apache2.4/conf/extra/httpd-vhosts.conf //改为如下把虚拟主机配置文件改成如下: 重新加载 /usr/local/apache2.4/bin/apachectl -t /usr/local/apache2.4/bin/apachectl graceful mkdir /data/wwwroot/www.111.com/…

vue打包空白及字体路径错误问题

vue项目打包后空白在config/index.js文件中 assetsPublicPath: '/', 改为 assetsPublicPath: './', build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSubDirectory: 's…

vue访问原生 DOM 事件

<body> <div id="test"> <button @click="changeColor('你好',$event)">点击我</button> <div style="height: 100px;width: 100px;" @mouseover="over('鼠标从我上面滑过',$event)"> </div> </div> &l…

记录下自己VUE项目用Hbuider打包后启动白屏问题

刚用VUE做项目,之前测试时vue创建的自身项目打包都是启动OK没问题.今天打包自己的时,启动一直白屏.折磨了好久,百度了一堆.终于找到了方法. 首先是在config/index.js里面 build: { // Template for index.html index: path.resolve(__dirname, '../dist/index.html'), // Paths assetsRoot: path.resolve(__dirname, '../dist'), assetsSu…

nginx反向代理vue访问时浏览器加载失败，出现 ERR_CONTENT_LENGTH_MISMATCH 问题

问题说明:测试机上部署了一套业务环境,nginx反向代理tomcat,在访问时长时间处于加载中,十分缓慢! 通过浏览器调试(F12键->Console),发现有错误ERR_CONTENT_LENGTH_MISMATCH 出现: 查看nginx日志(当出现故障时,要记得第一时间查看相关日志).......open() "/Data/app/nginx/proxy_temp/3/00/0000000003" failed (13: Permission denied) while r…

vue打包空白，图片没加载，背景颜色没有渲染出来-配置秘诀

找到config文件夹下的index.js文件修改一下位置看清楚是 build(上边还有个dev 是开发环境下的配置,不需要改动)下的 assetsPublicPath :将‘/’改为‘./’ 在css中写的background-img的路径出错需要找到build文件夹下的utils.js,修改一下位置最后,重新npm run build一下,就可以访问成功!…

sessionStorage、localStorage技术相关以及商家sid、sbid记录相关、vue相关问题

一个项目的需求如下: 作为第一个第三方平台,我们可以提供给不同的商家技术支持,即在一个url后面根据不同的商家来提供不同的查询字符串(包含sid和sbid),所以为了得到这个商家的信息,我们需要使用解析这个查询字符串然后从后天获取数据. 出现的问题1: 由于这是vue做的单页面应用,在下方有不同的按钮路由到不同的页面, 所以如果点击到其他路由,然后再点击回来的时候,根据路由设置,我们的首页的url此时应该是没有查询字符串了,当然,这个不重要啊,因为我们可以把数据(sid和sbid)放在一个全局变…