vite的坑
vite的坑1.配置环境变量无效的问题设置的.env.dev文件内容无效,同时config的index.js文件中配置也不生效 发现是需要在package.json中 在"scripts"中的"dev"属性由"vite"改为"vite --mode dev"
全栈项目
1.对表单的结果进行字符串拼接1this.userForm.userEmail += "@qq.com"; 就是想单纯的把邮箱后面的给加上去,但是因为邮箱是通过v-model绑定的,所以会根据你改变的值进行动态渲染,因为他是响应式的,所以,如果想要原结果不发生变化,那么就需要将==响应式对象==转变为==一般对象==
前后端交互问题
前后端交互问题 前景提示:前后端交互我踩了好多的坑,可能有自己错误的理解以后发现了会来更正(大概) 1.拷贝dist目录没有变化问题利用express骨架生成的代码是这样的 1app.use(express.static(path.join(__dirname, 'public'))); 按理说这个是根据文件夹的名字去找public中的资源,但是我的并不行 所以,我尝试了另一种方式,将文件路径给写死(要是这样也不行我是真的没辙了) 1app.use(express.static('./public/dist')) 然后页面就成功显示了 dist目录来源:前端的文件输入npm run...
去横向滚动条
加一个overflow:hidden
各种报错
各种报错汇总1.Invalid shorthand property initializer速记属性初始值设定项无效 原因: 1234{ label:"最后登录时间", prop = "lastLoginTime"} 很明显,在对象中使用了=将其改为: 123456789101112131415161718192021"list":[ { "state" : 1, "role" :"o", "roleList" :[ "60180b07b1eaed6c45fbebdb", "60150cb764de99631b2c3cd3", "60180b59b1eaed6c45fbebdc"], ...
知乎日报
实现思路: 从上到下: 1.header:三部分:logo,app下载,浏览内容 2.download: 1.背景为蓝色 2.左边的img左移动画(两端对齐) 3.右边的div下移动画 上部: 标题 内容 左下部 二维码 右下部 上方ios下载 下方Android下载 3.浏览内容(main-content) 1.head 2.内容分为三列 4.尾部(footer) 1.左部文字 2.右部二维码 5.页面详情 1.首先需要在 12345678<div class="before" v-for="item in beforeStories" :key="item.id"> <content-item :imgUrl="item.images" :title="item.title" :hint="item.hint" ...
跨域问题
1.跨域问题 由于浏览器的同源策略限制,浏览器会阻止一个域的javascript脚本和另一个域的内容进行交互 同源需要要求两个页面有==同样的协议==,==主机==,==端口号==。 2.解决方式 如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。(vue官方文档中) 通过代理的方式,将本地请求转发到目标url上 1234567891011121314module.exports = { devServer: { proxy: { '/api': { target: '<url>', ws: true, changeOrigin: true...
风格规范
1.多单词组件名1name:'TodoItem' 2.组件文件名称 开头单词大写 或者始终横线连接 12TodoItem.vuetodo-item.vue 3.统一组件名的前缀某相似的基础组件,应该用特定的一个前缀开头,方便分类 4.单页面不复用的组件每个页面只用到一次,不接受任何prop的组件,应该为其加上The前缀 5.子组件依赖父组件有这种依赖关系的,需要用父组件名称做前缀 6.prop命名和模板命名在prop中用驼峰命名,在模板中用xxx-xxx 1234props: { greetingText: String}<WelcomeMessage greeting-text="hi"/>







