/* * @Descripttion: * @version: * @Author: zhangfan *
原创
2023-05-19 15:19:18
27阅读
# 自己使用记录server { listen 80; server_name 127.0.0.1; #charset koi8-r; #access_log logs/host.access.log main; root G:/dist; // vue项目build打包地址 i
原创
2021-08-03 10:14:00
476阅读
**项目方案：使用Vue3和Axios解决跨域问题**
## 1. 引言
在实际开发中，我们常常会遇到前端项目需要和后端服务进行数据交互的情况。然而，由于浏览器的同源策略限制，前端无法直接访问不同域名下的接口。为了解决这个问题，我们可以使用Vue3和Axios来实现跨域请求。
在本文中，我们将介绍如何在Vue3项目中使用Axios解决跨域问题，并提供相关的代码示例和详细说明。
## 2.
原创
2024-01-21 05:45:25
149阅读
1、前端请求报错：Request header field authorization is not allowed by Access-Control-Allow-Headers in preflight response
原因：：在正式跨域的请求前，浏览器会根据需要，发起一个“PreFlight”（也就是Option请求），用来让服务端返回允许的方法（如get、post），被跨域访
转载
2024-08-23 19:41:35
94阅读
一、什么是跨域（源）跨域指的是从一个域名下去请求另外一个不同的域名下的资源。说明：跨域和跨源可以看作相同，只是用词不一样二、为什么会有跨域（源）这个问题原因：浏览器的同源策略导致了跨域（源）同源策略说明：https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy举例：http://www.a.com:8080/i
一、为什么会有跨越问题是客户端浏览器同源策略导致的，就是浏览器不允许不同源的站点相互访问。试想一下要是没有这个，那站点里的安全信息如cookie，账号/密码等是不是很容易被其它站点获取。二、解决思路知道是客户端浏览器为了安全使用同源策略导致的，而服务端是没有这个限制的，那我们就只能通过服务端进行跨域了。不管是jsonp,core，还是代理的方式，都是需要服务配合的。哈哈，这也是为啥后端和生产环境下
vue axios cookie 跨越丢失是一个颇具挑战性的问题，尤其是在处理跨源请求时。本文将通过多种技术手段，逐步解决这个问题，同时记录整个复盘过程以便于后续回顾和分享。
## 环境配置
首先，我们需要配置环境，使得 Vue 和 Axios 能够正确处理 Cookie。相关的依赖版本如下表所示：
| 依赖 | 版本 |
|--------------
Vue 前端面试题 1. 说一下 Vue 的双向绑定数据的原理vue 实现数据双向绑定主要是：采用数据劫持结合“发布者 - 订阅者”模式的方式，通过 Object.defineProperty() 来劫持各个属性的 setter、 getter，在数据变动时发布消息给订阅者，触发相应监听回调。2. 解释单向数据流和双向数据绑定单向数据流： 顾名思义，数据流是单向的。数据流动方向可以跟踪，
转载
2024-05-02 20:50:54
9阅读
nginx的应用1、nginx的跨域问题解决1.1 同源策略1.2 跨域问题1.3跨域问题演示1.4跨域问题解决2、静态资源防盗链2.1 什么是资源盗链2.2 Nginx防盗链的实现原理3、Rewrite功能配置3.1 "地址重写"与"地址转发"3.2Rewrite规则set指令Rewrite常用全局变量if指令break指令return指令rewrite指令rewrite_log指令3.3Re
转载
2024-04-02 21:08:52
739阅读
子域名不支持ajax直接提交，但支持form表单直接提交。
原创
2022-02-09 14:24:45
66阅读
# 使用axios进行前端请求加跨域配置
在前端开发过程中，经常会遇到跨域请求的问题。跨域是指在浏览器的同源策略下，不同源的网页之间不能相互访问对方的资源。这种限制在一定程度上保护了用户的隐私和安全，但在实际开发中也会给我们带来一定的困扰。
在前端开发中，我们通常会使用 axios 这个库来发送 HTTP 请求。axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 Nod
原创
2024-06-06 04:02:53
101阅读
以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl
原创
2023-04-18 18:42:37
10000+阅读
子域名不支持ajax直接提交，但支持form表单直接提交。
原创
2022-02-14 17:36:59
94阅读
# 解决axios跨域问题
## 简介
在前端开发过程中，我们经常会使用axios库来发送HTTP请求，但是在跨域请求时，可能会遇到一些问题。本文将介绍如何解决axios跨域问题，并提供详细的步骤和代码示例。
## 问题分析
在前后端分离的开发中，前端项目通常运行在 localhost:8080 端口上，而后端项目运行在 localhost:3000 端口上。由于浏览器的同源策略，当前端项目通
原创
2023-12-19 10:57:39
76阅读
# 解决Docker中Nginx接口跨域问题
在使用Docker容器部署Nginx作为静态资源服务器的过程中，经常会遇到前端页面访问后端接口存在跨域问题。跨域是由于浏览器的同源策略(Same Origin Policy)限制引起的，解决方法主要包括在Nginx配置中添加CORS头信息或者在后端接口服务中设置允许跨域访问。
## 什么是跨域问题
当前端页面通过Ajax请求后端接口时，如果请求的
原创
2024-04-21 06:20:50
319阅读
# Angular 与 Java 跨域问题解析
在现代 web 开发中，前后端分离的架构越来越普遍，Angular 被广泛用作前端框架，而 Java 则是后端开发的重要语言之一。但是，在前端与后端之间进行数据交互时，跨域（CORS）问题往往会给开发者带来困扰。本文将为您详细介绍 Angular 与 Java 之间的跨域问题，分析解决方案，并提供相关代码示例。
## 跨域是什么？
跨域是指浏览
原创
2024-09-05 05:30:35
38阅读
我们一般使用样式的时候，有三种方法。外联样式：建立一个外部的CSS样式表，通过link标签进行引入。内联样式：在html中的标签style中编写。行内样式：在标签的style属性中编写。我们都知道，这样编写的样式是无法运用在表达式上和对象上的。在Vue中，我们可以将样式名作为变量使用，也就是可以将它应用到表达式和对象中。1 外/内部样式1.1 作为数组进行引用
转载
2024-07-01 06:11:37
38阅读
(也许，，几年之后回想往事，我会笑自己) 维护新项目，很生猛的一顿操作，于是网页刷不出来了。总结下用到的东西，1、先看下docker id docker ps -a➜ docker sudo docker ps -a CONTAINER ID IMAGE COM
原创
2022-11-07 18:32:24
51阅读
1. 文件上传（图片、word，ppt，pdf，excel，txt等文件流）总结一下上传组件的思路input标签的@change事件通过input标签的@change事件的绑定，进行文件的选择上传，获取到文件const uploadFile = file.target.files[0]，然后通过文件流转为base64，然后可以在前端进行预览。预览只有图片和PDF预览的文件不多，只有img，和pdf
转载
2024-03-04 12:33:18
121阅读
