...
转载
2021-09-14 10:49:00
522阅读
2评论
1.config/index.js 修改 proxyTable proxyTable: {
'/api': {
target: 'http://shuige.wicp.vip/', //目标接口域名
changeOrigin: true, //是否跨域
pathRewrite: {
'^/api': '/'
转载
2021-05-10 19:27:09
625阅读
点赞
2评论
1.首先我们先了解一下什么是跨域主要是出于浏览器的同源策略限制，它是浏览器最核心也最基本的安全功能。当一个请求url的 协议、域名、端口 三者之间任意一个与当前页面url不同即为跨域。例如 xxxx.com -> xxxx.com 存在跨域 协议不同例如 127.x.x.x:8001 -> 127.x.x.x:8002 存在跨域 端口不同例如 www.xxxx.c
原创
2023-01-25 19:25:01
1255阅读
'/api': { target: '://localhost:8088/', //这里后台的地址模拟的;应该填写你们真实的后台接口 changOrigin: true, //允许跨域 pathRewrite: { /* 重写路径，当我们在浏览器中看到请求的地址为：://localh
原创
2022-04-21 16:55:37
854阅读
在package.json同级目录下新建文件vue.config.js；内容如下：module.exports = { //自行复制黏贴 proxyTable: { '/java':{//
原创
2023-06-05 14:19:04
212阅读
根目录新建 vue.config.js文件： 添加如下代码： 1 module.exports = { 2 outputDir: 'dist', //build输出目录 3 assetsDir: 'assets', //静态资源目录（js, css, img） 4 lintOnSave: false ...
转载
2021-10-29 10:26:00
282阅读
2评论
1.安装安装命令：cnpm install axios --save。2.配置在项目src目录中新建axios/index.js文件，用以专门抽取配置axios。 axios/index.jsimport axios from 'axios';
// axios 配置
var instance = axios.create({
headers:{
post:{'Content-Typ
转载
2023-08-31 20:03:01
146阅读
2、proxyTable原理浏览器是禁止跨域的，但是服务端不禁止，在本地运行npm run dev等命令时实际上是用node运行
原创
2022-12-05 15:24:31
146阅读
创建vue.config.js文件// 方法1module.exports = { devServer: { host: 'localhost', port: '8083', proxy: { '/api': { // /api 表示拦截以/api开头的请求路径 target: 'http
原创
2023-03-21 22:34:46
167阅读
1、更方便的解决方案 根据官方文档的描述，devServer配置被要求在manifest.json去配置，并且由于这个配置文件是json格式的，所以只能对简单类型进行配置。但对于proxy这项配置来说也是足够了的。 manifest.json文件 // manifest.json { "h5": {
问题一、什么是虚拟主机？ 多个域名指向同一个服务器，服务器根据不同的域名把请求转到不同的应用服务器。问题二、什么是反向代理？ 反向代理方式是指以代理服务器来接受internet上的连接请求，然后将请求转发给内部网络上的服务器，并将从服务器上得到的结果返回给internet上请求连接的客户端，此时代理服务器对外就表现为一个反向代理服务器。1、被调用方Nginx解决跨域 （1）、在Windows
语雀地址:https://www.yuque.com/tademanong/ag7q4n/obrpkk?singleDoc《proxy解决跨域》
原创
2022-11-28 17:59:39
90阅读
"/dev-resours2": { target: `http://10.10.111.53:8080`, changeOrigin: true, ws: true, secure: true, pathRewrite: { "^/dev-resours2": '/' } }, "/dev-api ...
转载
2021-10-21 15:22:00
1174阅读
2评论
/vue.config.js module.exports = { devServer: { proxy: { //配置跨域 "/api": { target: "http://127.0.0.1:7001", ws: true, changOrigin: true, //允许跨域 // pathR ...
转载
2021-09-30 10:56:00
384阅读
2评论
## 实现Vue项目与Nginx的跨域配置指南
作为一名开发者，在开发Vue前端项目时，通常需要和Nginx进行跨域配置，以确保前端能够正常访问后端API接口。在这篇文章中，我将向您介绍如何实现Vue项目与Nginx的跨域配置，让您能够顺利完成这项任务。
### 步骤概览
下面是配置Vue项目与Nginx的跨域的整体流程：
| 步骤 | 描述 |
| ------ | ------ |
|
配置axios跨域访问今天在vue中安装了axios，通过使用axios来进行数据访问，毫无疑问的遇到了axios的跨域问题，今天折腾一下午，才能解决确认你的服务启动方式！！！！！我的服务启动方式是vite启动，并不是vue-cli-service启动，我今天一下午在查看vue-cli配置代理问题，毫无疑问，浪费一下午，换来一个教训，要注意基础的配置，特别是不起眼的内容我的配置Vue 3.0.11
转载
2021-05-05 13:15:24
7938阅读
2评论
路径在/config/index.js 中，找到dev.proxyTable。如下配置示例： 那么当我们请求 http://localhost:8888/api/ 的时候,就等于请求了 http://oatest.bujidele.com:8010/apitest/api/tydproject/do
转载
2018-02-07 09:43:00
273阅读
2评论
在根目录下创建 vue.config.js 文件 。 即可 vue.config.js : // vue.config.js 配置说明 //官方vue.config.js 参考文档 https://cli.vuejs.org/zh/config/#css-loaderoptions // 这里只列一
原创
2022-04-21 16:48:56
1936阅读
前言工作中用到了消息推送功能，之前了解过SOCKET 无意中了解到即时通讯框架SocketIO 简单说两句Socket.IO 是什么Socket.IO是一个库，基于 Node.js 的实时应用程序框架。可以在浏览器和服务器之间实现实时，双向和基于事件的通信。它适用于每个平台、浏览器或设备，同样注重可靠性和速度。Socket.IO 起源WebSocket 的产生源于 Web 开发中日益增长的实时通信
最近在从0开始学习构建vue项目，偶尔记录笔记。首先我们知道跨域是浏览器为了安全而做出的限制策略，保证浏览器的请求只能遵循同源策略：同域名、同端口、同协议。常用的解决跨域问题的方法有CORS跨域、JSONP跨域、代理跨域等。其中CORS跨域只需要后端进行修改即可，但后端方面改动会略为麻烦；JSONP跨域的话前后端都需要修改，前端不仅要另外下载jsonp插件，并且不能使用axios来进行请求，后期修
