vue问题总结

1.报错信息Already included file name 'c:/Users/lenovo/Desktop/vite-project/src/components/TodoList.vue' differs from file name 'c:/Users/lenovo/Desktop/vite-project/src/components/Todolist.vue' only in casing.
The file is in the program because:
Root file specified for compilation
Imported via "../components/TodoList.vue" from file 'c:/Users/lenovo/Desktop/vite-project/src/pages/home.vue'
Root file specified for compilation
1651197270(1).png

把vue后缀去掉就可以了

1651197317(1).png

2.解决系统兼容性中FormData对象包含appendData和realFormData属性

移动端vue项目前端通过axios发送post请求传输FormData数据上传文件到后台
发现pc和安卓系统正常使用new FormData()对象,但是IOS系统则产生的对象是Object{appendData : …, realFormData : …}这种格式的。
直接在index.html使用’< script>’ 标签解决:
<script src="https://cdn.jsdelivr.net/npm/formdata-polyfill@3.0.20/formdata.min.js"></script>

或者

const formData = new FormData();
formData.append(key, value);
axios.post(`/api/yoururl`,
data:formData.realFormData || formData
)
.then(res=>{
  console.log('res=>',res);           
})

转载:https://blog.csdn.net/weixin_45178215/article/details/124060964

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • vue实例,vue根实例,vue组件 实例:每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开...
    柴米来了阅读 2,286评论 0 0
  • 一、对于 MVVM 的理解?# MVVM是 Model-View-Viewmodel的缩写,Model代表数据模型...
    一朵er阅读 2,256评论 0 0
  • 原文地址 vue(前端框架)解决了什么问题? 现在的前端页面元素越来越多,结构也变得越来越复杂,当数据和视图混合在...
    slbyml阅读 4,351评论 0 1
  • django与vue引用冲突时候,需要加 这时候里面只会引用vue的代码 如果需要 动态引用vue代码 vue动态...
    冷煖自知阅读 2,944评论 0 0
  • This project was bootstrapped with Create React App. Belo...
    unspecx阅读 10,599评论 0 2

友情链接更多精彩内容