vue 踩坑记录

本地开发没有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 的替代方案

方案一:

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

或页面中直接使用

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

方案二:

js 复制代码
// 方案解析:通过import.meta.globEager拿到文件夹下所有文件,传入path获取映射的文件,
        //  default为此文件路径
    const getUrl=(path)=>{
           const modules = import.meta.globEager('../../../assets/ft-images/*');
        return modules[path].default;
}
相关推荐
JosieBook9 小时前
【SpringBoot】21-Spring Boot中Web页面抽取公共页面的完整实践
前端·spring boot·python
吃饭睡觉打豆豆嘛10 小时前
深入剖析 Promise 实现:从原理到手写完整实现
前端·javascript
前端端10 小时前
claude code 原理分析
前端
GalaxyMeteor10 小时前
Elpis 开发框架搭建第二期 - Webpack5 实现工程化建设
前端
Spider_Man10 小时前
从 “不会迭代” 到 “面试加分”:JS 迭代器现场教学
前端·javascript·面试
我的写法有点潮10 小时前
最全Scss语法,赶紧收藏起来吧
前端·css
小高00710 小时前
🧙‍♂️ 老司机私藏清单:从“记事本”到“旗舰 IDE”,我只装了这 12 个插件
前端·javascript·vue.js
Mo_jon10 小时前
css 遮盖滚动条,鼠标移上显示
前端·css
EveryPossible10 小时前
终止异步操作
前端·javascript·vue.js
Stringzhua11 小时前
setup函数相关【3】
前端·javascript·vue.js