nginx----------前端写了一套带有vue路由的的功能。放到nginx配置的目录下以后，刷新会报404未找到。

1. 这是根据实际情况来写的. location /h5/activity/wechat/ { index index.html index.htm index.php; try_files $uri $uri/ /h5/activity/wechat/index.html; } 这是项目直接放在根目录下的情况. location / { index index.html index.htm index.php;…

VUE路由history模式坑记--NGINX

因微信分享和自动登录需要,对于URL中存在'#'的地址,处理起来比较坑(需要手动写一些代码来处理).还有可能会有一些隐藏的问题没被发现. 如果VUE能像其他(JSP/PHP)系统的路径一样,就不存在这些问题了. 对于VUE的router[mode: history]模式在开发的时候,一般都不出问题.是因为开发时用的服务器为node,Dev环境中自然已配置好了. 但对于放到nginx下运行的时候,自然还会有其他注意的地方.总结如下: 在nginx里配置了以下配置后, 可能首页没有问题,链接也没有问…

vue 路由懒加载 resolve vue-router配置

使用方法 component:resolve => require(['@/pages/About'],resolve) //"@"相当于".." 懒加载 router/index.js import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ mode:'history', routes: [ { path:'/', re…

写自动更新程序出现"远程服务器返回错误: (404) 未找到"

在win2003配置后,在客户端运行时能够下载exe和dll文件,但是在更新lib文件时总是报“远程服务器返回错误: (404) 未找到”错误,不明白咋会出现这个问题,去网上一查,发现以下解决办法: 发现如下方法可以解决该问题: 给网站添加MIME的类型,如下: .*application/octet-stream 按照说法做,在服务器上打开iis,找到自动升级的文件夹,查看属性,选择”HTTP头“选项卡,发现有个MIME映射选项,单击”文件类型“,再单击”新类型”,在关联扩展名里添加“.*”,…

vue全家桶安装以及修改webpack配置新增vue项目启动方式

一.安装node环境(自带npm) 下载地址二.替换下载源 // 淘宝 NPM 镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 三.全局安装vue-cli脚手架 npm install --global vue-cli 四.vue2.* webpack模板下载 vue init webpack vue_project 五.安装vuex npm install vuex --save 在main.js中注入vue…

vue 路由(1)

路由的使用 (5步) 1.首先安装路由 npm install vue-router2.引入 vue-router import VueRouter from 'vue-router' 3.使用router Vue.use(VueRouter ) 创建实例 const router = new VueRouter({ routers (routers:routers) //注意属性必须是routers }) const router = new VueRouter({ routers:[…

深入理解JDK、JRE（两套）、JVM、以及不同目录下的java.exe

内容来自:http://blog.sina.com.cn/s/blog_7ffb8dd501011sgc.html 1.jdk下bin目录里的java.exe与外部jre中的java.exe的秘密 jdk里的java.exe和jre中的java.exe其实是一样的,但我们在运行的时候用的却是优先使用外部jre中的java.exe(即使我们安装了JDK且也配置了环境变量). 首先,我们看下JDK的安装过程中发生了什么事: 安装JDK时一定会在其子目录下面安装一个JRE,同时在安装的过程…

前端架构之路：使用Vue.js开始第一个项目

Vue.js做为目前前端最热门的库之一,为快速构建并开发前端项目多了一种思维模式.本文通过一个简单的实例开始上手Vue.js开发. 一.技术准备笔者建议在开始项目前,对以下两个技术点进行了解. 1. Vue.js基础知识 Vue.js特点就是入门简单,api 简洁一致,文档清晰.对于了解Html,CSS,JavaScript花几个小时看一遍,就能掌握基础的东西. 可参考http://www.runoob.com/vue2/vue-tutorial.html. 2. ES6的模块化加载有E…

Vue + Element UI 实现权限管理系统前端篇（二）：Vue + Element 案例

导入项目打开 Visual Studio Code,File --> add Folder to Workspace,导入我们的项目. 安装 Element 安装依赖 Element 是国内饿了么公司提供的一套开源前端框架,简洁优雅,提供了 vue.react.angular 等多个版本,我们这里使用 vue 版本来搭建我们的界面. 访问:http://element-cn.eleme.io/#/zh-CN/component/installation ,官方指南,包含框架的安装,组件的使用等…

webview的简单介绍和手写一个H5套壳的webview

1.webview是什么?作用是什么?和浏览器有什么关系? Webview 是一个基于webkit引擎,可以解析DOM 元素,展示html页面的控件,它和浏览器展示页面的原理是相同的,所以可以把它当做浏览器看待.(chrome浏览器也是基于webkit引擎开发的,Mozilla浏览器是基于Gecko引擎开发的) Android的Webview在低版本和高版本采用了不同的webkit版本内核,4.4后直接使用了Chrome. 2.webview主要用于什么地方?或者说什么需求下会使用到webvie…

写给后端同学的vue

安装环境安装vue-cli 脚手架 1. 安装nodejs环境下载地址: (nodejs)[https://nodejs.org/zh-cn/download/] 安装(略) 2. 安装vue-cli系列工具 npm install -g @vue/cli npm install -g @vue/cli-service-global 3. vue create hello-world // 用vue 初始化hello-world 项目 3.1 vue create hello-world 3…

Nginx 前端项目配置包含二级目录和接口代理

Nginx是目前用的比较多的一个前端服务器其优点是配置简单修改一下server就能用并发性能比较好,具体怎么好就看这个吧开撸 1.找到nginx (liunx系统,已安装) whereis nginx 2.找到位置并进入 nginx: /usr/local/nginx cd /usr/local/nginx 3.修改conf/nginx.conf(提示权限不够的前面加 sudo) vi conf/nginx.conf 4.直接在server里面修改 ` # 在http对象里面 server…

解决Vue项目打包之后放到nginx下刷新就报错404的问题

最近跟着某机构的教学视频敲了一遍vue项目,但是在windows环境下部署的时候就懵逼了放到nginx下正常跑没问题,但是刷新之后就报404错误前端项目构建vue 脚手架版本是@vue/cli 4.3.1,构建项目之后没有config.js文件.无奈按照网上说的最简单的办法就是将router模式改为默认的hash模式不使用history模式,然后部署到nginx下就能正常刷新了 server { listen 8067; server_name localhost; #proxy_set_…

为 Docker Registry 增加 Nginx 前端

其实Docker Registry 就是一个API backend,所以加一个Nginx前端有大大的好处,比如docker push 时增加用户名密码验证. 怎么加?请参考以下nginx配置 upstream docker-registry { server 127.0.0.1:5000; } server { listen 80; server_name you.awesome.com; client_max_body_size 0; chunked_transfer_encoding on;…

Cenos(6.6/7.1)下从源码安装Python+Django+uwsgi+nginx到写nginx的环境部署（一）

梳理下这几个的关系: centos是redhat的社区版操作系统. Python2.7.5是开发语言(centos6.5下自带的python是2.6.6版本,所以需要源码更新,而centos7.1下面自带的是2.7.5) pip1.5.4是一个安装和管理 Python 包的工具 ,是easy_install的替代品,就像yum一样.用它可以安装指定版本的Django和mysql Django是python下的web开发框架之一 Nginx是继Apache之后的高性能httpweb服务器,不再赘述…

实现Rsync同步Nginx前端配置

近期,由于我们的阿里前端服务器频频受到恶意的流量攻击,导致前端NGINX进入黑洞而无法正常访问公司网站. 按之前的预计方法,采用加速乐及备用全配置前端的作法,将恶意短时流量攻击的损失时间降到最短.现将C这台机用作全配置的NGINX前端,A和B前端的任何NGINX配置都会通过RSYNC同步到C这台机器上. 部署的思路如下: 规范A和B的nginx配置目录(用include conf.d/*来实现),在这两个服务器上配置一个rsync的服务端进程,然后,在C上每两分钟运行rsync同步进程,及时的将…

nginx前端负载，后端apache获取真实IP设置

原文链接: nginx前端负载,后端apache获取真实IP设置参考文献: 前端Nginx,后端Apache获取用户真实IP地址按照第二种方法设置不成功! 网站最前端是nginx,做的PROXY来转发请求到后端的apache上,所以获取的IP 都是NGINX PROXY 机器的IP,这对于分析和记录apache日志等很多基于IP判断的PHP程序都会出现一系列的问题,经过以下两处理便可让apache获取正式的访问地址:1.修改NGINX的配置文件NGINX.CONF 在里面加上 proxy…

为JSP写的一套核心标签

为JSP写的一套核心标签, 有了这套标签, 根本不需要自定义标签了 (1) 准备需要standard.jar,jstl.jar两个jar包,放入Tomcat 6.0/lib目录中(或者是/WEB-INF/lib). (2)core <%@tagliburi="http://java.sun.com/jsp/jstl/core" prefix="c"%> forEach循环: ①一般用法,相当普通的for循环: <c:forEach begin =…

NGINX前端代理TOMCAT取真实客户端IP

nginx前端代理tomcat取真实客户端IP 使用Nginx作为反向代理时,Tomcat的日志记录的客户端IP就不在是真实的客户端IP,而是Nginx代理的IP.要解决这个问题可以在Nginx配置一个新的Header,用来存储$remote_add,然后再Tomcat获取记录这个值. 新增nginx配置. server { listen 80; server_name www.xxxxx.com; location / { proxy_pass http://IP:8080/; proxy_s…

GearCase UI - 自己构建一套基于 Vue 的简易开源组件库

最近 1 ~ 2 月除了开发小程序之外,还一直在继续深入的学习 Vuejs.利用零碎.闲暇的时间整合了一套基于 Vue 的 UI 组件库.命名为 GearCase UI,意为齿轮盒.现在把该项目进行开源分享,希望能和更多的人一起交流学习. 在构建该项目的过程中我也收获颇丰.除单纯的造轮子之外,还学习了单元测试.持续集成,更加熟悉工程化.并了解 TDD.BDD等. GearCase UI 组件库 0.1.2 版本已经完成,本篇文章简要讲解安装.引入.注册使用 GearCase 的方法.各组件的具体…

Vue路由history模式踩坑记录：nginx配置解决404问题

问题背景: vue-router 默认是hash模式,使用url的hash来模拟一个完整的url,当url改变的时候,页面不会重新加载.但是如果我们不想hash这种以#号结尾的路径时候的话,我们可以使用路由的history的模式.比如如下网址:使用hash模式的话,那么访问变成 http://localhost:8080/bank/page/count/#/ 这样的访问,如果路由使用 history的话,那么访问的路径变成如下:http://localhost:8080/bank/page/c…

前端自动分环境打包（vue和ant design）

现实中的问题:有时候版本上线的时候,打包时忘记切换环境,将测试包推上正式服务器,那你就会被批了. 期望:在写打包的命令行的时候就觉得自己在打包正式版本,避免推包时候的,不确信自己的包是否正确. 既然有了期望,那么就要开始百度如何去实现呢. 下面先开始介绍ant design的方法: ant design的打包工具是roadhog,那么从roadhog下手. 在roadhog文档中,发现define的配置可以传递给代码. 在ant design pro的issue中搜索中,发现环境变量的配置. 我…

upload 上传加token 在 :headers='headers' 注意不要直接写$refs.upload.headers = {} 这样vue会警告修改组件内部变量

upload 上传加token 在 :headers='headers' 注意不要直接写$refs.upload.headers = {} 这样vue会警告修改组件内部变量 <Upload :action="$baseUrl + 'API/file/upload'" :show-upload-list="false" :headers='headers' ref='upload' name="file" type="drag…

Apache 后台服务器(主要处理php及一些功能请求如：中文url) 　　Nginx 前端服务器(利用它占用系统资源少得优势来处理静态页面大量请求) 　　Lighttpd 图片服务器　　总体来说，随着nginx功能得完善将使他成为今后web server得主流。

Apache 后台服务器(主要处理php及一些功能请求如:中文url) Nginx 前端服务器(利用它占用系统资源少得优势来处理静态页面大量请求) Lighttpd 图片服务器总体来说,随着nginx功能得完善将使他成为今后web server得主流.…