Vue3+Vite 动态引入图片打包后生产环境不显示记录
Vue3+vite 项目中动态引入图片(非 public 目录)
今天在做项目的时候,使用动态路由配置,发现在 vue3+vite
项目中,动态引入图片,在开发环境中的时候,图片可以正常显示,但是打包构建后,部署生产找不到图片的,经过一番搜索,找到了解决方法,如下:
今天在做项目的时候,使用动态路由配置,发现在 vue3+vite
项目中,动态引入图片,在开发环境中的时候,图片可以正常显示,但是打包构建后,部署生产找不到图片的,经过一番搜索,找到了解决方法,如下:
在 vue3 里,ref 和 reacitve 都可以定义响应式数据,但是两者有所不同。 在使用 reactive 定义复杂结构的响应式数据时,如果你要对其赋值,会丢失其响应性。然后赋值是我们经常进行的操作,那么该怎么解决呢?
script setup 它是一个语法糖,相当于包含在 setup 函数里面. 返回的值会自动注入到当前作用域中.
script setup 是一个语法糖,它相当于在 setup 函数中包含的代码。它允许你在一个组件中同时定义数据和逻辑,并通过一个简单的语法来声明组件的属性和事件。
当面试时问到什么是Promise? 应该怎么回答:
首先说一下Promise A+规范 , 当有一个符合Promise A+规范的 then 方法的对象.就是一个Promise.而 ES6 出现之后, 它带来了一个构造函数,通过这个构造函数,可以创建一个 满足Promise A+ 规范的Promise对象. 这就是Promise.
异步问题同步化的解决方案. Promise执行是同步的 (executor 同步)? p.then 是异步的
该规范产生于2012年左右,它是 Promise A+ 规范的升级版
可以看出在出现时间上,Promise A+ 是早于 ES6 的, 民间标准 (社区搞出来的)
在那个时候,为了处理异步场景,JS中充斥着各种回调函数:
不同的环境有不同的环境变量值很正常,开发环境连开发环境的后端,正式环境连正式的环境的后端.所以需要对不同的环境变量进行配置.不过Vite自己就内建处理这类需求的方法.
编辑和新增页面公用组件中的表单组件.编辑的时候, 拿到详情信息,传入组件,进行表单赋值useEffect中依赖项数组只填入id,拿到的数据不是最新的. 需要传入detail详情.
项目部署到测试环境遇到的坑,测试环境使用的是宝塔管理系统.将打包后的文件目录上传到服务器上面的文件夹中.通过IP+目录的方式访问项目.
阅读本文,你需要首先知道以下知识点:
1.浏览器的同源策略
- 2.跨域问题
- 3.JSONP原理
- 4.cookie原理
JSONP并不是一个好的跨域解决方案,它至少有着下面两个严重问题:
在开发后管系统的需求中,有几个需求点记录下.开始的时候,没有想到解决方法,后来跟同事讨论了下,然后尝试了下可以啦.特此记录一下,使用之前的发布平台发布这篇文字有问题,所以就在这个网站上面发布啦~.
之前有发布过两篇其他问题的小计总结,这里是继续记录的第三篇,之前两篇点此直达: