if's Blog

nginx反向代理的简单使用文章目录nginx反向代理的简单使用前言用nginx代理的好处nginx部署静态文件静态文件部署打包vue项目放置静态文件配置文件路径nginx部署带有动态请求的项目vue跨域代理apivue项目用nginx部署后刷新出现404反向代理域名到端口域名解析反代域名到端口前言之所以写这篇博文，主要是为了留一点配置信息的记录，以后方便CV大法不讲理论，理论部分可以百度看，本篇博文直接上代码进入实战本篇不讲述nginx的负载均衡，以后有机会再发一篇关于负载均衡的吧用nginx

1.nginx安装和启动# 安装nginxsudo apt-get install nginx# 启动sudo service nginx start验证安装# 安装完成后使用nginx -v检查，如果输出nginx的版本信息表明安装成功nginx -v# 如果输出类似于这样的版本号等，证明安装完成nginx version: nginx/1.14.0 (Ubuntu)2.修改nginx配置文件，部署项目查看nginx的配置，linux系统下的配置文件通常会存放在/etc目录下的n

springboot同时接收MultipartFile文件和json数据话不多说直接贴代码后端用post方式，以@RequestParam接收数据 @PostMapping("/add") public void add(@RequestParam("multipartFiles") MultipartFile[] multipartFiles,@RequestParam("material") String material){}前端api.js中的方法export func

vue引入中国天气插件效果图：插件网站链接：天气插件平台樱花背景特效教程链接：樱花背景特效教程上代码在vue的template中<div id="weather"> <div id="weather-v2-plugin-standard"></div></div>mounted中(具体的代码需要你自己去网站生成，以下是我的代码)mounted(){ //天气插件 window.WIDGET = {

vue elementui 实现异步搜索功能，el-autocomplete带有提示的搜索效果图vue中html调用属性作用input是搜索框内容的数据双向绑定querySearch是即时处理(在此方法里调用axios方法并返回提示)handleSelect是点击提示之后的操作(我这写的是跳转博客页面)<div id="inline-input" > <el-autocomplete class="inline

JavaScript vue 显示网站运行时长效果图每一秒都会即时刷新一次，下面是代码放在vue的mounted中(如果是js的话放在script里就可以了)function secondToDate(second) { if (!second) { return 0; } var time = new Array(0, 0, 0, 0, 0);

vue css设置好看的滚动条效果图css代码直接在app.vue中的style标签中添加::-webkit-scrollbar-track { background: rgba(0,0,0,.1); border-radius: 0; } ::-webkit-scrollbar { -webkit-appearance: none; width: 8px; height: 10px;

vue js实现鼠标点击小烟花特效和全局背景樱花飘落特效先上效果图

vue前端人机验证vue-puzzle-vcode插件的的使用教程下载地址github:https://github.com/javaLuo/vue-puzzle-vcodeVue 纯前端的拼图人机验证、右滑拼图验证我知道有第 3 方的很好用,比如 GEETEST 的拼图验证，但要引入 SDK 跟后台配合，还有接口交互。太麻烦了，有时候突然改需求来不及弄，为了应付老板，就弄了个纯前端的随便验一下得了。安装npm install vue-puzzle-vcode --save使用//&lt

钉钉内网穿透教程免费的内网穿透针不戳github地址：https://github.com/open-dingtalk/pierced下载了之后打开文件地址，以window为例：E:\speciality apps\sakura内网穿透\imaus-pierced-master\pierced\windows_64打开cmd界面，输入ding.exe -config=./ding -config=./ding.cfg -subdomain=域名前缀 内网端口然后回车就成功了，接着就可以直接在浏览器

今天用idea导出war包放tomcat上时报错，找不到spring的controller层，因为tomcat只能识别较低版本的jdk所编译的.class文件，所以需要更改idea的编译版本解决办法就是在编译时，降级编译，使用1.7或之前的版本jdk进行编译。这个时候可能代码会有一些不兼容，需要进行微调，根据ide给出的提示自己调整好。在idea中降级需要进行2步设置1.点击file—project structure—project settings–project—project languag

Vue table 表格中参数过长省略并且提示显示修改之前默认的table会将所有内容输出，如下图修改之后就会只显示一行，只需要鼠标放上去就会显示所有内容，很舒服代码如下<el-table-column property="body" label="内容" :show-overflow-tooltip="true"> </el-tabl

vue+springboot项目刷新页面报404vue打包后每次刷新页面都会报404，就很烦，是因为路由模式的问题，只需要将路由模式改为history，然后在vue的router的index.js文件中加入以下代码即可const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes})添加代码后刷新后就不会报错了...