vue3后台管理系统之跨域代理

news/2024/7/10 0:09:58 标签: 前端框架, javascript, vue

vite.config.js中

javascript">server: {
      port: 5002,
      host: true, //'0.0.0.0'
      open: false,
      strictPort: true,
      proxy: {
        // 请求前缀/api,只有加了/api前缀的请求才会走代理(前端自定义)
        '/api': {
          target: 'http://127.0.0.1:8000',
          // 获取服务器地址的设置
          changeOrigin: true,
          // 路径重写
          rewrite: (path) => path.replace(/^\/api/, '')
        }
      }
    },
说明:

请求拦截的前缀如请求地址中 http://127.0.0.1:8000

注意:请求域名必须为http://127.0.0.1:8000/才会进行拦截(你本地访问页面的起始地址), 如http://8.135.1.141/api则不会进行拦截,所以需要配置跨域的话建议把url写成:/api就行如在 .env.serve-dev文件中设置VITE_APP_BASE_URL = '/api'


http://www.niftyadmin.cn/n/5133341.html

相关文章

如何添加判断账号为手机号且为11位数;密码且为6位数;且有姓名;和选择男女;和上传图片(如有错误请指点)

可以在函数 register() 内添加一段代码来判断输入的用户信息是否符合要求,可以使用正则表达式进行判断。 例如,可以添加以下代码: 这段代码在 register() 函数开头,使用正则表达式来验证手机号和密码是否符合要求。如果不符合要…

前端小技巧: TS实现new出一个对象的内部过程

new 一个对象&#xff0c;写代码实现内部过程 class 是 function 的语法糖new 一个对象的过程 创建一个空对象obj, 继承构造函数的原型执行构造函数 (将obj作为this)返回 obj export function customNew<T>(constructor:Function, ...args: any[]): T {// 1. 创建一个…

基于 Python 的个性化电影推荐系统的研究与实现

1 简介 本毕业设计的内容是设计并且实现一个电影个性化推荐系统。它是在Windows下&#xff0c;以MYSQL为数据库开发平台&#xff0c;Python技术和Tomcat网络信息服务作为应用服务器。电影个性化推荐系统的功能已基本实现&#xff0c;主要实现首页&#xff0c;个人中心&#xf…

前段知识与基础应用

前端知识 什么是前端&#xff1a;所有和用户打交道的操作页面&#xff0c;我们都称之为前端 例如&#xff1a;pc页面&#xff0c;浏览器的主页面&#xff0c;手机页面等等&#xff0c;可以用肉眼看到的就是前端 什么是后端&#xff1a; 就是一堆代码&#xff0c;用户不能够直接…

Linux下的IMX6ULL——开发板的第一个APP和驱动实验(三)

前言&#xff1a; 万事开头难&#xff0c;如果我们在开发板上开发出第一个应用程序&#xff0c;第一个驱动程序&#xff0c;那么后续的开发就会稍微简单点&#xff0c;下面让我们来进行第一个应用程序和第一驱动程序的开发吧。 目录 一、开发板的第1个APP实验 1.通过Git仓库…

【面试经典150 | 栈】逆波兰表达式求值

文章目录 写在前面Tag题目来源题目解读解题思路方法一&#xff1a;栈方法二&#xff1a;使用数组模拟栈 知识点拨两个概念中缀表达式转后缀表达式后缀表达式计算四则运算表达式例题 写在最后 写在前面 本专栏专注于分析与讲解【面试经典150】算法&#xff0c;两到三天更新一篇文…

部署私有仓库(笔记docker应用)

二&#xff1a;部署私有仓库 docker pull daocloud.io/library/registry:latest docker run --restartalways -d -p 5000:5000 daocloud.io/library/registry systemctl stop firewalld systemctl restart docker 宿主机ip端口 curl -I 127.0.0.1:5000 将镜像存放在仓…

离线语音通断器开发-稳定之后顺应新需求

使用云知声的US516p6方案开发了一系列的离线语音通断器&#xff0c;目前已经取得了不小的收获&#xff0c;有1路的&#xff0c;3路的&#xff0c;4路的&#xff0c;唛头和扬声器包括唛头线材也在不断的更新打磨中找到了效果特别好的供应商。 离线语音通断器&#xff0c;家用控…