vue 踩坑记录

server/2024/11/15 0:35:36/

本地开发没有cookie 解决方案
在这里插入图片描述
设置代理,并把changeOrigin设为true
proxy的changeOrigin如果设置为false:请求头中host仍然是浏览器发送过来的host;
如果设置成true:发送请求头中host会设置成target。

在这里插入图片描述
允许axios请求携带cookie等凭证

避坑:vite Component provided template option but runtime compilation is not supported in this…

javascript">This worked for me in vite.config.js
export default defineConfig({ define: { "process.env": {} }, plugins: [vue()], resolve: { alias: { "vue": "vue/dist/vue.esm-bundler.js" } } })  // 这里是重点

antd 主题色更换踩坑 参考https://www.icode9.com/content-4-524054.html

vue3 vite 不能使用require 的替代方案
方案一:

 const getUrl=(url)=>{return new URL(url,import.meta.url).href;}
// 使用
const imgsrc = getUrl('../assets/images/logo.png');

或页面中直接使用

 <img :src="getUrl('../assets/images/logo.png')" style="width: 200px">

方案二:

// 方案解析:通过import.meta.globEager拿到文件夹下所有文件,传入path获取映射的文件,//  default为此文件路径const getUrl=(path)=>{const modules = import.meta.globEager('../../../assets/ft-images/*');return modules[path].default;
}

http://www.ppmy.cn/server/112383.html

相关文章

Linux学习笔记(4)----Debian压力测试方法

使用命令行终端压力测试需要两个实用工具&#xff1a;s-tui和stress sudo apt install s-tui stress 安装完成后&#xff0c;在终端中启动 s-tui实用工具&#xff1a; s-tui 执行后如下图&#xff1a; 你可以使用鼠标或键盘箭头键浏览菜单&#xff0c;然后点击“压力选项(Str…

kaggle注册收不到验证码、插件如何下载安装

综合这三个来看&#xff0c; 1.插件下载用的大佬给的分享链接 2.下载好压缩包以后需要解压缩 Header Editor插件网盘下载安装教程 - 哔哩哔哩 (bilibili.com) 3.安装插件时没找到crx文件&#xff0c;在浏览器插件界面点击“加载解压缩的扩展” 4.复制网址到插件里&#xff…

[论文笔记]Dimensionality Reduction by Learning an Invariant Mapping

引言 今天带来一篇真正远古(2005年)论文的笔记,论文是Dimensionality Reduction by Learning an Invariant Mapping。 该论文中提出的对比损失(2.1节)可以用于训练嵌入模型。 为了简单,下文中以翻译的口吻记录,比如替换"作者"为"我们"。 降维涉及将一…

Java毕业设计 基于SpringBoot vue社区养老服务管理系统

Java毕业设计 基于SpringBoot vue社区养老服务管理系统 SpringBoot 社区养老服务管理系统 功能介绍 护工: 登录 主页 老人管理 健康记录管理 管理员: 登录 主页 用户管理 床位类型管理 床位管理 护工管理 老人管理 预约记录管理 来访记录管理 健康记录管理 费用管理…

OpenAI GPT3 Search API not working locally

题意&#xff1a;"OpenAI GPT-3 搜索 API 在本地无法工作" 问题背景&#xff1a; I am using the python client for GPT 3 search model on my own Jsonlines files. When I run the code on Google Colab Notebook for test purposes, it works fine and returns …

【python学习】深度解析 Python 的 .env配置与最佳实践:温格高的环境变量配置之道

1. 文章简介 在开发和部署 Python 项目时,环境变量配置对于管理敏感信息如数据库连接字符串、API 密钥至关重要。本文将以温格高(2023年环法冠军)的项目为例,详细介绍如何通过 .env 文件简化环境配置,并分享多环境管理、Docker 集成等热门功能。我们还将覆盖一些小技巧和…

CTFHub技能树-备份文件下载-网站源码

目录 法一&#xff1a;使用自动化工具扫描 方法二&#xff1a;使用dirsearch目录扫描器扫描 法一&#xff1a;使用自动化工具扫描 import requestsurl1 http://challenge-0e8fe706d11de65e.sandbox.ctfhub.com:10800/ # url为被扫描地址&#xff0c;后不加‘/’# 常见的网…

Java 入门指南:Java NIO —— Buffer(缓冲区)

NIO 的引入 在传统的 Java I/O 模型&#xff08;BIO&#xff09;中&#xff0c;I/O 操作是以阻塞的方式进行的。当一个线程执行一个 I/O 操作时&#xff0c;它会被阻塞直到操作完成。这种阻塞模型在处理多个并发连接时可能会导致性能瓶颈&#xff0c;因为需要为每个连接创建一…