- 博客(28)
- 收藏
- 关注
原创 uniapp manifest.json h5 devServer常用配置信息
我这里的项目访问接口服务时,如果没有配置host,有些接口会返回。,估计就是无法访问我本机的项目,导致返回了这个错误。
2024-07-22 14:58:04
288
原创 vue2 webpack使用optimization.splitChunks分包,实现按需引入,进行首屏加载优化
optimization.splitChunks的具体功能和配置信息可以去网上自行查阅。
2024-07-04 15:33:17
380
原创 uniapp开发微信小程序的巨坑
这里我真的是摸索了好久。小程序版本:hbuilderx版本:其他版本不知道会不会出现以下情况。1、如果子组件通过slot,向外部传递对象或属性变量,且该对象或者属性变量没有被使用到,么插槽内的内容将不可以使用原本页面中的对象或者属性。如下图:首先是子组件 List组件:然后是父组件:可以看到子组件list的插槽中插入了内容,但是这时候后面显性定义了子组件list向外传出的,这时候我注释掉了的使用,那么这个所在的标签将无法显示!!!!。2、如果子组件循环渲染了slot,父组件的slot中
2023-10-26 18:59:20
1520
原创 在VMware Workstation虚拟机上安装centos服务,并使用xshell连接centos服务。
(1) 点击VM应用的编辑(2) 虚拟网络编辑器(3) 选择外部连接为“NAT模式”的网络选项(4) 勾选以下两个多选框(5) 设置子网ip跟自己当前物理电脑主机的ip网段一样,例如:你主机的ip是192.168.136.xxx,那么你的这边需要设置的子网ip就是前三位都要一样,最后一位为0,也就是192.168.136.0。(6) 最后点击确定上一步和这一步决定了虚拟机是通过NAT模式访问网络。这两步决定了,后面你物理主机和虚拟主机网络是否互通,是否能正常的互相访问。
2023-07-04 14:57:01
1461
原创 vue移动端项目迁移到uniapp,并兼容小程序
H5中,如果在main.js中使用Vue.prototype.定义一个属性,这时候如果把这个属性使用在视图上,当属性变化的时候,视图也会跟着变化。这样能避免分包不能引用分包的问题。,如果你停留在这个页面,又去改变了Vue.prototype.data,视图还是不会刷新。项目中ui组件在uniapp中大概率是不兼容的,比如:我们vue移动端常用的组件有。除了tabbar的icon图标,其他的图片全部迁移到服务器上,通过链接的形式访问。这时可以去uniapp官网的插件市场,找到兼容的ui组件,比如。
2023-06-09 15:47:19
6987
1
原创 vscode中vue项目点击链接,跳转对应引入模块
2、项目根目录中的jsconfig.json或者tsconfig.json(没有的话手动创建),第一个无法跳转到对应目录,第二个却可以。1、项目中配置@的alias别名。
2023-02-03 15:41:23
3088
原创 nginx vue2+webpack 和 vue3+vite 配置二级目录访问
nginx vue2+webpack 和 vue3+vite 配置二级目录访问
2022-09-25 10:58:29
2345
原创 nginx配置代理,解决前端请求后端服务跨域问题
这是vue项目常规的配置,然后第二个location就是nginx代理的配置,这时候除了后端语言去解决以外,还可以通过配置nginx代理来解决跨域。这时候前端项目最后打包的后端服务域名端口配置为。众所周知,当前端页面域名端口和后端服务域名端口。......
2022-07-26 18:04:41
5001
1
原创 npm install Error: not found: python2 解决方案
在ionic项目执行npmi命令时,出现Errornotfoundpython2的错误,错误如下图。2)系统变量—Path中添加环境变量C\Python27(python安装目录)1)电脑右击——属性——高级系统设置—高级—环境变量。
2022-07-22 11:08:10
8143
原创 window mysql8 忘记密码后,重置密码过程
输入mysql-uroot-p,要求输入密码时,直接回城就能够直接免密登录。从mysql8和mysql8之后,mysql无法在配置文件my.ini中设置。(5)然后进行修改密码参照我的这篇博客中的第二大步“修改mysql密码”,那么mysql-uroot-p登录的时候不仅不能免密登录,(4)关键一步以管理员的身份再打开另外一个cmd命令行。(2)如果已经启动了mysql服务,那么先进行关闭。,不以管理员的身份打开以下操作会出错。还会导致mysql服务还会自动关闭。显示这个即为启动成功。...
2022-07-17 13:42:45
1072
原创 图片链接、base64、blob流,file流之间的转换,最后进行下载
1、链接 转 base64const linkToBase64 = function(link) { const convertimg2base64 = (img) => { const canvasEl = document.createElement('canvas') canvasEl.width = img.width canvasEl.height = img.height const ctx = canvasEl.getContext('2d') ctx.
2022-05-23 17:09:34
895
原创 vue3 vite 打包部署后,访问报错Expected a JavaScript module script but the server responded with a MIME type of
其实这个很简单:在vite.config.js中:将base对应的属性从'./'改为'/'即可import { defineConfig, loadEnv, ConfigEnv } from 'vite';const viteConfig = defineConfig((mode: ConfigEnv) => { const env = loadEnv(mode.mode, process.cwd()); return { plugins: [vue()], root: proce
2022-05-19 23:21:12
6201
4
原创 linux系统下nginx配置静态文件访问
假设在linux系统上你想要访问的文件放在/usr/view/文件夹下:那么你在server下配置:location /view/ { root /usr/; autoindex on;} 或者location /view/ { alias /usr/view/; autoindex on;}然后访问的时候就是:服务器ip + server配置的端口号 + /view/ + 文件名总结:root响应的路径:配置的路径(root指向的路径)+完整访问路径(locati
2022-04-03 13:14:31
4808
原创 centos 7.6 安装 mysql 8以上的版本,开启mysql服务并开启mysql远程访问
一、安装mysql1、安装wget查看wget版本wget -V没有查找到wget的情况下再安装wgetyum -y install wget2、下载和安装mysql的 yum源wget https://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpmrpm -ivh mysql80-community-release-el7-3.noarch.rpmhttps://dev.mysql.com/download
2022-03-28 17:42:04
2612
原创 在Centos上启动nodejs项目,并使用pm2管理nodejs应用
node+koa2+mysql入门可以查看这篇文章https://blog.csdn.net/qq_41231694/article/details/123788781一、在centos上安装nodejs1、安装文件下载1、下载地址:http://nodejs.cn/download/查看自己服务器是几位的,下载对应安装文件getconf LONG_BIT2、选择一个合适的版本下载3、安装1、将安装包上传到指定位置(我习惯放到:/usr/local/application/目录),并解
2022-03-28 15:16:43
2624
原创 node+koa2+mysql入门
1 构建项目1.1 安装koa-generator在终端输入:npm install -g koa-generator1.2 使用koa-generator生成koa2项目在你的工作目录下,输入:koa2 myKoa2成功创建项目后,进入项目目录,并执行npm install命令cd myKoa2npm install1.3 启动项目在终端输入:npm start项目启动后,默认端口号是3000,在浏览器中运行可以得到下图的效果说明运行成功。2 链接mysql数据库2
2022-03-28 10:33:53
466
2
原创 vue3 + vite + linux + nginx 配置gzip模式
1、vue3 + vite配置gzip安装vite-plugin-compressionnpm install vite-plugin-compression -D配置vite.config.jsexport default defineConfig({ // compressPlugin开启gzip压缩 plugins: [vue(), compressPlugin({ ext: ".gz", deleteOriginFile: false // 是否删除原始文件 }
2022-03-27 18:15:30
6060
原创 在nginx上部署vue2/vue3项目(history模式)
1、vue项目路由history模式配置(vue2和vue3整个配置就这一步不一样)vue2配置const router = new Router({ mode: 'history', // 访问路径不带井号 需要使用 history模式 base: '/bank/page', // 基础路径 routes: [ { path: '/count', name: 'count', component: resolve => require(
2022-03-27 17:46:46
6563
原创 Linux安装nginx
Linux安装nginx在linux下安装nginx,首先需要安装 gcc-c++编译器。然后安装nginx依赖的pcre和zlib包。最后安装nginx即可。1.先安装gcc-c++编译器yum install gcc-c++yum install -y openssl openssl-devel2.再安装pcre包yum install -y pcre pcre-devel3.再安装zlib包yum install -y zlib zlib-devel下面进行nginx的安装1
2022-03-27 17:16:16
111
原创 vue-cli3.0开发组件发布到npm上
一、调整项目结构首先用 vue-cli 创建一个 default 项目当前的项目目录是这样的:首先需要创建一个 packages 目录,用来存放组件然后将 src 目录改为 examples 用作示例二、修改配置启动项目的时候,默认入口文件是 src/main.js将 src 目录改为 examples 之后,就需要重新配置入口文件在根目录下创建一个 vue.config.js 文件复制代码// vue.config.jsmodule.exports = { // 将 exa
2021-06-27 18:22:08
383
原创 uniapp canvas绘图流程,从绘制图案到绘制文字,然后完成。还有一些方法的具体细节。
好的我们开始,uniapp绘制海报进行保存是我们经常需要制作的功能。而绘制海报,我们一般会绘制图片,绘制文字,绘制截取图片。下面让我们来看下绘制一个海报的具体过程。1、首先我们需要绘制图片在canvas上绘制图片。我们需要用到一下代码ctx.drawImage( 图片路径 , 0, 0, 244 * 1.22, 429 * 1.22); //绘制图而该方法只支持绘制本地图片,包括本地...
2020-01-30 14:34:19
10424
1
原创 特殊样式集合
1、input placeholder字体样式input::-webkit-input-placeholder {color: #000;}2、单行超出换行.single-row-overflow{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-over...
2020-01-18 17:29:23
170
原创 uniapp获取手机状态栏和头部导航栏高度(可用于制作头部自定义导航栏)
statusBar ---------- 状态栏高度customBar -------- 状态栏高度 + 导航栏高度1、建议在公共位置使用该段代码,以达到可以全局复用的效果。这里我们存在store中,存在store中有个好处,就是能够实时变化。避免uni.getSystemInfo()执行未完成时就渲染高度,而在uni.getSystemInfo()完成后无法实时变换高度。2、这里又存在...
2020-01-08 17:33:45
37423
3
原创 uniapp 绘制canvas注意事项
1、移动端绘制时,绘制完不可直接使用api进行截图。会失败。需要进行延时一下,再截图。setTimeout(() => { // @ts-ignore // @ts-ignore 注释功能。这些注释是一种轻量级的方法来抑制下一行中出现的任何错误。 uni.canvasToTempFilePath({ x: 0, y: 0, w...
2019-12-28 15:19:06
2304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人