前后端分离项⽬，接⼝访问流程今天在测试时，发现接⼝调⽤的地址和浏览器访问的地址是⼀样的，印象中前后端分离项⽬接⼝调⽤的地址应该是服务端的地址，浏览器访问的地址是前端部署的地址，为啥现在⼀样了呢？原来调⽤接⼝时，先访问的前端地址，再在nginx的配置中对路由进⾏转发！浏览器访问地址nginx部署前端项目接⼝调⽤地址：...

Vite2+Vue3系列项⽬，nginx部署常见404，500等问题随着vue3成为默认版本，国内的开发者接触vite越来越多，其中原因其实就⼀个字：快。详细请看在这种组合项⽬在部署时候经常会遇到这样或那样的问题，接下对于部署的时候遇到的⼀些问题罗列以及⼀些解决⽅案：nginx部署如图：nginx配置1.部署后资源⽂件访问不对访问资源js路径404解决⽅案：在fig.product...

Nginx部署Vue⼆级⽬录500错误⼀、⽤Vue开发项⽬就少了部署到在Nginx的环境下，如果没有特殊的要求，域名或者主机名、IP都是直接的地址，没有⼦⽬录或者不是⼦域的话，那部署⼀般都很简单，基本下就按照⼀种根⽬录的转发就可以了。server {listen  80;location / {root  /opt/nginx/html/myadd;#防刷新500错误try_...

Http⾃定义header场景： ⼀个项⽬对外提供的所有接⼝都有共同的参数 ，把 该参数放⼊到 header 中 ，nginx 部署在请求的最前端nginx部署前端项目http请求接⼝时访问不到该 header 中的 key 对应的value  https 请求可以访问header 中key  的格式 ：XC_Finl_abc解决⽅案：⽅案⼀：在 nginx 服务器中，通过显式...

跨域详解nginx部署前端项目⼀.什么是跨域？跨域：指的是浏览器不能执⾏其他⽹站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。例如：a页⾯想获取b页⾯资源，如果a、b页⾯的协议、域名、端⼝、⼦域名不同，所进⾏的访问⾏动都是跨域的，⽽浏览器为了安全问题⼀般都限制了跨域访问，也就是不允许跨域请求资源。注意：跨域限制访问，其实是浏览器的限制。理解这⼀点很重要同源策略...

Vue项⽬从打包到部署到云服务器上（踩了不少坑）你的Vue项⽬终于暂时告⼀段落了，但是我们都知道开发环境和⽣产环境的区别。我们平时都是在本地做开发，每次打开都是localhost:8080的，如果你想将它变成你的⼩⽹站呢？⾸先你看这篇博客必须要做的事情是：①你有了⼀个可以正常运⾏的Vue项⽬②你有了服务器+域名（没有就去买，腾讯云）我所访问的数据接⼝是⾃⼰写的，部署在本地服务器那⾥的Node.js...

解决nginx反向代理后页⾯上的jscss⽂件⽆法加载问题现象：nginx配置反向代理后，⽹页可以正常访问，但是页⾯上的js、css和图⽚等资源都⽆法访问。（1）nginx配置如下：（2）域名访问：js css⽂件⽆法加载；（3）IP访问：js css⽂件可以正常加载；（4）CI框架下⽆法访问配置此例即可：location / {proxy_pass 127.0.0.1:8000;i...

Nginx-代理后端通过域名访问⽬录- 前⾔- Nginx 根据域名反向代理- Nginx proxy_pass 关于 '/' 的作⽤1. 前⾔接到⼀个需求，通过nginx 代理互联⽹上某⼀个页⾯，刚开始的时候觉得很简单的，直接 proxy_pass 过去就完事了，测试了下还是想太多。具体记录如下。2. Nginx 根据域名反向代理web服务器通常有三种访问⽅式：1. 基于ip2. 基于域名3....

Django+Vue部署说明：后⽂中出现的以下字符串均表⽰具体的路径或者名称，含义如下：DJANGO_DIR---表⽰django的⼯程根⽬录 例如：/data/DatalableDJANGO_NAME---表⽰django的⼯程名称 例如DatalableVUE_HTML_DIR---表⽰vue的index.html路径 例如:/data/distVUE_STATIC_DIR---表⽰vue的s...

Nginx反向代理：HTTPS到HTTP做了⼀个Web项⽬，前后端分离，前端需要使⽤HTTPS访问。部署的时候发现，前端HTTPS项⽬是不能发起HTTP的ajax到后端的，怎么办？最直接的就是把后端也部署到⽀持HTTPS的Web服务器上，⽐如Tomcat，可以配置SSL。不过这样实在太⿇烦，⽽且我们⼀般使⽤的是java内嵌的tomcat。这时候可以考虑Nginx反向代理。前端ajax不能使⽤HTT...

vue-element-admin打包gzip压缩优化vue项⽬⼤⼩并部署到Nginx，报。。。复制下⾯代码到根⽬录的fig.js'use strict'const path = require('path')const defaultSettings = require('./src/settings.js')function resolve(dir) {return path.j...

若依框架前后端项⽬分离部署（验证码不显⽰原因解决步骤）标题若依框架项⽬部署分为前端项⽬部署和后端项⽬部署。⼀、后端项⽬部署（⽐较省略）1、jar部署⽅式将jar包放到⽂件的service⽬录下，使⽤命令⾏执⾏执⾏脚本。2、war部署⽅式l中的packaging修改为war，放⼊tomcat服务器webapps⼆、前端项⽬部署#打包正式环境npm run build:prod...

nginx配置静态资源访问背景nginx是⼀款⾼性能的服务器，⽤途很多。除了可以作为后端服务的负载均衡反向代理服务器，还有⼀个⽤途就是做静态资源的缓存服务器。当前项⽬基本上都是前后端分离，为了加速前端页⾯的响应速度，可以将前端的相关资源，如html，js，css或者图⽚放到nginx指定⽬录下。访问的时候只需要IP加路径就可以实现⾼效快速的访问。正⽂⼀.⾸先安装好nginx，启动nginx服务且能...

nginx配置反向代理或跳转出现400问题处理记录午休完上班后，同事说测试站点访问接⼝出现400 Bad Request  Request Header Or Cookie Too Large提⽰，⼼想还好是测试服务器出现问题，影响不⼤，不过也赶紧上服务器进⾏测试查看，打开nginx与ugwsi⽇志与配置，发现后端服务⽇志记录正常，⽽测试站点的访问⽇志有7百多M（才运⾏两三天没⼏个访问，...

前后端分离的项⽬中springboot项⽬和前端项⽬的整合整合的思路有两种：⼀：把前端的资源打包放⼊到springboot项⽬中，打成jar包或者war包进⾏部署。⼆：把前端资源放到NGINX代理服务器上，后端项⽬⽂件打成jar包或者war包启动。具体采⽤哪种⽅式，看公司中已有的部署⽅式，在者就是根据⾃⼰的喜好进⾏整合部署。⽅式⼀：第⼀步是选择模板引擎，springboot官⽅推荐是Thymele...

nginx配置域名后的⼆级⽬录访问不同项⽬的配置操作场景描述：通过⼆级⽬录（虚拟⽬录，应⽤程序）的⽅式访问同⼀ip+端⼝的不同应⽤，例如location是⽤户使⽤页⾯，location/admin/是管理页⾯，location部署在192.168.1.100的80端⼝，location/admin部署在172.20.1.32的8080端⼝上。解决⽅案：使⽤nginx反向代理，配置如下：server...

使⽤k8s部署前端vue项⽬和后端springboot项⽬关于ingress的访问路径设置1.前端vue项⽬项⽬根⽬录下有Dockerfile⽂件，.l⽂件和f⽂件Dockerfile⽂件作⽤：根据基础nginx镜像前端vue项⽬⽣成的⽂件打包进去FROM nginx:stable-alpineMAINTAINER 1103324414@qqCOP...

模拟Vue中JS动态表达式在模版中被动态解析的实现动态脚本，在每种编程语⾔都有涉及，⽐如微软的 Office ⾥⾯的 VBA 脚本，⽐如浏览器插件的 Tampermonky，⽐如很多在线⼯具类⽹站的脚本在线执⾏，甚⾄在国外很⽕的 SaaS 以及其衍⽣平台中的开发者功能都是可以通过动态脚本来实现的。⽽动态脚本也⼤体分为两种，⼀是在⽤户客户端⾥执⾏的代码，⽐如 Tampermonkey ，它可以让⽤户...

[油猴脚本开发指南]脚本ajax的跨域请求本节主要内容介绍ajax和跨域问题，油猴中的ajax请求.将使⽤GM_xmlhttpRequest来绕过 同源策略做⼀个访问我们油猴中⽂⽹就会⾃动关注我们的up主(夹杂私货⼿动狗头)本篇⽂章默认你已经懂了 XMLHttpRequest和 F12开发者⼯具(Network)，如果不懂请先补习⼀下.AJAX这⼀⼤段内容更多是科普和说明我们在脚本⾥⾯为什么不能直...

上⽹瑞⼠军⼑-Tampermonkey油猴插件简明教程Tampermonkey是什么Tampermonkey安装如何获取⽤户脚本⽤户脚本安装及使⽤脚本的保存编写脚本脚本安全吗⼩结tampermonkeyTampermonkey是什么⽽在众多的浏览器插件/扩展中，我们都不能错过⼀个浏览器插件-- Tampermonkey 。中⽂叫-油猴。⼤家应该多多少少有听说过，⼤家可以把他理解为⼀个⽤户脚本管理器...

冀教版七年级上册英语单词表（带音标）Unit 1 单词单词        1. Jenny      2. Canada3. Danny4. thanks5. student6. four7. five8. over9. Jones10. homeroom11. Kate12. classmate13. Jack14. vis...

从键盘输入十个整数存放在一维数组中，求出它们的和及平均值并输出(要求用指针访问数组元素)。#include<stdio.h>void main(){int a[10],s=0,i,*p;for(i=0;i<=9;i++)scanf("%d",&a[i]);p=a;scanf输入整型数组for(i=0;i<=9;i++,p++)s=s+(*p);printf("总和为...

java语⾔程序设计课后习题答案Java语⾔程序设计(郑莉)第⼆章习题答案1.什么是对象、类，它们之间的联系？答：1）对象是包含现实世界物体特征的抽象实体，它反映系统为之保存信息和与它交互的能⼒。对象是⼀些属性及服务的封装体，在程序设计领域，可以⽤“对象=数据+作⽤于这些数据上的操作”来表⽰。现实⽣活中对象是指客观世界的实体；在程序中对象是指⼀组变量和相关⽅法的集合。2）类是既有相同操作功能和相同...

【JAVA】java⽅法覆写规则A、重写规则之⼀：  重写⽅法不能⽐被重写⽅法限制有更严格的访问级别。（但是可以更⼴泛，⽐如⽗类⽅法是包访问权限，⼦类的重写⽅法是public访问权限。）  ⽐如：Object类有个toString()⽅法，开始重写这个⽅法的，时候我们总容易忘记public修饰符，编译器当然不会放过任何教训我们的机会。出错的原因就是：没有加任何访问修饰符的⽅法具...

Java中⽅法重写的返回值修饰符问题在研究重写问题之前先看⼀下什么是⽅法签名？⽅法签名由⽅法名称和⼀个参数列表（⽅法的参数的顺序和类型）组成。注意，⽅法签名不包括⽅法的返回类型。不包括返回值和访问修饰符。⽅法重写“⽅法的签名” 与⽗类⼀模⼀样，并且在⽗⼦类之间出现⽅法签名⼀致, 这个叫重写/覆盖编译时。⼦类必须能看见⽗类的⽅法，所以⽗类⽅法可重写的条件不能被 private 修饰。重写的规范在⽅法...

Java 基础⼋股⽂（背诵版）Java 基础⼋股⽂（背诵版）Java 语⾔具有哪些特点？Java 为纯⾯向对象的语⾔。它能够直接反应现实⽣活中的对象。具有平台⽆关性。Java 利⽤ Java 虚拟机运⾏字节码，⽆论是在 Windows、Linux 还是 MacOS 等其它平台对 Java 程序进⾏编译，编译后的程序可在其它平台运⾏。Java 为解释型语⾔，编译器把 Java 代码编译成平台⽆关的中...

菜鸟教程（Java）笔记——Java⾯向对象说明⼀：Java 继承使⽤ implements 关键字可以变相的使java具有多继承的特性，使⽤范围为类继承接⼝的情况，可以同时继承多个接⼝（接⼝跟接⼝之间采⽤逗号分隔）。⼆：Java 重写(Override)与重载(Overload)三：Java 多态多态的实现⽅式重写接⼝抽象类和抽象⽅法java重写和重载的区别四：Java 抽象类和抽象⽅法抽象类使...

java中什么是变量隐藏_java中成员变量和⽅法的隐藏对于成员变量来说，当⼦类本⾝具有与继承⾃⽗类的成员变量名称相同的成员变量时，便构成了成员变量的隐藏。其含义是，在⼦类中直接调⽤该成员变量时，将调⽤的是⼦类中本⾝具有的成员变量，⽽不是⽗类继承的成员变量。⼦类的⾃⾝⽅法中，若与继承过来的⽅法具有相同的⽅法名，便构成了⽅法的重写(或者说覆盖)。重写的主要特点是能够定义各⼦类的特有⾏为。java重写...

java中的继承（extends）详解继承(extends)1. ⽗类与⼦类⽗类也叫基类、超类⼦类也叫派⽣类在继承的⽽关系中，“⼦类就是⼀个⽗类“。也就是说，⼦类可以被当做⽗类来看待。例如⽗类是员⼯，⼦类是⽼师，那么我们可以说**”⽼师就是⼀个员⼯“**。2. 继承的格式2.1 定义⽗类的格式：(⼀个普通的类定义)public class⽗类名称{//.....}2.2 定义⼦类的格式public...

java继承封装多态面试题Java继承封装多态面试题简介本文整理了一系列涉及Java继承、封装和多态的面试题，旨在帮助面试者巩固对这些概念的理解，并通过实际案例加深对其应用的掌握。继承面试题1.什么是继承？请简要解释继承的概念。2.Java中如何实现继承？请提供示例代码。3.请解释Java中的单继承和多继承的区别。4.子类继承父类后，子类能否访问父类的私有成员变量和方法？为什么？5.在Java中，...