- 博客(12)
- 收藏
- 关注
RSS订阅原创 Vue项目main.js和App.vue报错 Parsing error: No Babel config file ... eslint 报错解决方案
点开main.js以及App.vue的时候，在最前面显示有小波浪线，不影响运行但是实在是难受，找了半天然后发现了问题在哪。其实用vscode打开vue项目所在的文件夹就行，我这里就是把vue项目frontend作为根目录打开，就解决了。
2023-02-18 00:17:51
955
原创 Uni-app API
Uni-app的各种api，各种功能还是很全面的，而且基于vue用法，本身也带有自己的一套UI系统，代码也能兼容app和小程序，还是挺方便的。基础#日志打印网络#发起请求#上传、下载#WebSocket#SocketTask媒体#图片#文件#录音管理#背景音频播放管理音频组件管理#视频#相机组件管理#直播组件管理文件数据缓存位置#获取位置#查看位置#地图组件控制设备#系统信息#内存#网络状态#加速度计#罗盘#陀螺仪#拨打电话uni.makePhoneCall 拨打电话#扫码#剪切板...
2022-07-08 10:16:06
2495
原创 el-input的回车监听事件，回车调用函数（Vue）
在Vue中使用elment-ui的时候，用了el-input，想要添加回车也可以调用方法，添加了@keyup.enter.native最后代码如下：@keyup.enter.native就是element-ui封装过后可以用来调用回车事件的，回车是针对Input的，所以放在了el-input的tag里，然后在图标处用了click事件直接进行搜索的。用el-button也是一样的。下面是el-input回车事件和button点击事件的代码：单单input回车的话，里面就不用加啦：...
2022-07-08 09:35:49
4579
原创 在Vue中，想要引用一系列图片，v-for中, img标签:src属性引用路径
在项目中，想要引用list里面的路径，但是:src默认是绑定的路径，也就是直接用src="item.address"是读取不到的，我这里item.address用的是‘@/assets/img/item.png’的格式也不行，这里的item就是每个图片的名字。主要是我要放在v-for里面嘛，所以必须要用item.address的格式，要用:src，绑定一下，不然没办法读取到每个图片。最后发现要是使用:src的话只有使用require才可以：最后想到了下面这种办法，拆分一下，就可以正确引用了！...
2022-07-04 16:40:47
1421
1
原创 报错 “Required request body is missing: public“ 的解决方案以及注意点（Vue, axios拦截器）
在使用axios拦截器时，返回500，报了"Required request body is missing: public"的错误我这里的基础地址在我本地换成了接口的域名地址。然后在api/index.js的文件里面，这样应用的： 然后报错了， 加了header是因为搜索时候，发现很多朋友都是content-type没确定才报的错，但是我这里加上了之后依旧报错了。之后发现是自己实在粗心，没有把传参需要的data加进去，这里真的很重要！！加上之后就能正常使用了，不加header也可以了（我用的...
2022-07-04 16:06:49
68031
原创 webpack打包测试环境正常,生产环境漏掉了css文件
在使用不同环境对项目打包之后，发现生产环境的css文件没有全部被挂载，缺失了一部分，但是测试环境的是正常的。就是图里面的这几个文件，打包生产环境以后缺失了。在一番搜索之后，发现有个概念叫做tree shaking。就是说生产环境（production）在打包的时候，会默认把一些dead code，也就是代码中看起来没有引用到，没有用上的代码，自动过滤掉。那么取消过滤不就好了？或者能不能够把这个tree shaking的功能关掉呢？又搜索了一番，发现大家都是建议说在package.json里面， 调整“sid
2022-07-01 13:53:38
1183
1
原创 Vue 嵌入iframe，没有显示对应的页面，显示空白或者拒绝了访问，解决的一个思路
在给vue使用iframe嵌入页面的时候，明明没有bug，页面就是显示不出来，白屏了。调了很多iframe的设置，但是就是没有效果。后来发现是我访问的时候，本机是https，但是访问的地址是http，有个跨域的问题。主要就是浏览器认为不安全。去搜索了一下Http和Https的跨域问题，结论如下：那么解决方案可以是做个代理转发，或者我选择了一个笨办法，就是我去试了下我要嵌入的这个链接https能不能访问，然后发现可以，我就自己自己加了一个s，就可以访问了~...
2022-06-29 17:32:09
18132
1
原创 Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat ‘C:\DumpStack.log.tmp’
使用webpack的时候遇到了这样的问题，显示resource busy or lock。我这里是因为我之前打包过，然后资源繁忙，又要生成新的打包文件，可能也还有会重名一系列的问题。解决方案就是以下步骤： 基本步骤1到3可以解决很多npm的报错...
2022-06-28 16:43:36
8851
原创 Module build failed: TypeError: this.getOptions is not a function
Vue项目中，遇到了Module build failed: TypeError: this.getOptions is not a function的问题在我的项目中，我以为postcss没有用，然后卸载了，可是这个好像是被集成的，如果去掉这个地方就会报错，所以我在package.json中加上了postcss相关的插件，然后npm install就解决了。这几个版本在我这里没有出现版本冲突的问题~...
2022-06-28 16:36:29
500
原创 怎么确认webpack根据不同命令打包之后环境变了？（Vue）npm run build:test
根据我的另外一篇文章，我们知道了怎么用webpack根据不同命令打包。有时候会有根据不同环境（测试环境，正式环境，生产环境）打包的需求，需要替换所有项目中遇到的地址，那么怎么确认我们确实使用webpack改变的环境呢？方法：找个页面，可以是App.vue, data里面加个code: process.env.BASE_API, 然后再在template里面{{code}}使用npm run build:test......
2022-06-28 15:27:36
1070
原创 Webpack Vue-cli 2 根据不同命令打包
Webpack Vue-cli 2 根据不同命令打包一、使用vue cli 2搭建项目二、生产环境和开发环境，以及测试环境的配置三、编写不同运行命令四、运行npm run build:testnpm run build:prodnpm run build:dev不同环境 webpack 配置...............
2022-06-28 15:00:08
562
转载 关于webpack，什么是webpack，打包原理
关于webpack，什么是webpack，打包原理一些从网上收集的各种关于webpack的信息，算是一个记录，有些找不到链接了，侵删~webpack是是npm的工具模块,是一个JS应用打包器, 它将应用中的各个模块打包成一个或者多个bundle文件。借助loaders和plugins，它可以改变、压缩和优化各种各样的文件。输入不同资源，比如：html、css、js、img、font文件等，然后将它们输出浏览器可以正常解析的文件。附上一个webpack大佬们总结的面试题链接.........
2022-06-28 13:38:16
334
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人