uniapp实现微信小程序调用云函数【vue2】

在uniapp中的vue 2框架中想要改变默认的目录结构,将装有云函数的文件夹在运行后一起复制到unpackage 文件下,主要用 copy-webpack-plugin 方法来实现,具体步骤如下:

一、创建一个vue 2 框架的uniapp

二、新建一个文件夹装云函数

三、编写 vue.config.js 文件

具体代码如下:

复制代码
const path = require('path')
const CopyWebpackPlugin = require('copy-webpack-plugin')

module.exports = {
	configureWebpack: {
		plugins: [
			new CopyWebpackPlugin(
				[
					{
						from: path.join(__dirname, 'cloudfunctions'),
						to: path.join(__dirname, 'unpackage/dist', process.env.NODE_ENV === 'production' ? 'build' : 'dev', process.env
						.UNI_PLATFORM, 'cloudfunctions')
					}
				]
			)
		]
	}
}

四、打开内置终端

五、进行初始化操作

输入npm init 命令后一直回车,走默认的初始化

复制代码
npm init

六、下载安装 copy-webpack-plugin

下载命令如下:

复制代码
npm install copy-webpack-plugin@5.0.3 -s

七、增加和完善manifest.json 文件

补充完整appid的内容,增加cloudfunctionsRoot 这行代码

八、运行

九、成功

在微信开发的界面中,cloudfunctions 文件夹成功复制

以上就是关于uniapp 的vue2 框架的对云函数的复制,但是如果是vue3 框架的话,以上的方法不成立,本人写了一个关于针对vue3 的云函数复制的文章,请移步到如下:

关于uniapp/vue3的cloudfunctions 的复制https://blog.csdn.net/rzh554/article/details/139399136

相关推荐
vayy6 小时前
uniapp中 ios端 scroll-view 组件内部子元素z-index失效问题
前端·ios·微信小程序·uni-app
阿彬学java8 小时前
Charles抓包微信小程序请求响应数据
微信小程序·小程序
傻傻有内涵的我8 小时前
【微信小程序】分别解决H5的跨域代理问题 和小程序正常不需要代理问题
微信小程序·小程序
必然秃头8 小时前
微信小程序SSE替代方案实战
微信小程序·小程序
FAIRY_STARS13 小时前
记录uni-app好用的select组件
uni-app
FAIRY_STARS13 小时前
关于uni-app pages.json配置详解
uni-app
FliPPeDround13 小时前
🚀 定义即路由:definePage宏如何让uni-app路由配置原地起飞?
前端·vue.js·uni-app
iOS阿玮14 小时前
苹果审核被拒4.8.0条款,快速过审通关指南。
uni-app·app·apple
Ratten18 小时前
uniapp的H5 在 UC 浏览器中返回上一页失效的解决方案
uni-app
Ratten18 小时前
uniapp 的 H5和微信小程序上传 base64 图片
uni-app