Uniapp/vue3配置云函数

Uniapp

• uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

Vue3

• Performance：性能比vue2.x块1.2～2倍
• Tree shaking support：支持按需编译，体积更小
• Composition API：组合API，类似React Hooks
• Custom Renderer API：暴露了自定义渲染API
• Fragment，Teleport（Protal），Suspense：新增三个组件
• Better TypeScript support：更好的支持TS

点击查看官网介绍

mainfest.json

"cloudfunctionRoot": "./cloudfunctions/",

main.js

import App from './App'

import { createSSRApp } from 'vue'

//公用样式
import './Common-style/style.css'

export function createApp() {
  const app = createSSRApp(App)
  return {
    app
  }
}

安装rollup-plugin-copy

复制文件

npm install --save rollup-plugin-copy

vite.config.js

将cloudfunctions文件夹下的云函数复制到dist对应的文件夹下

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import copy from 'rollup-plugin-copy' //引入插件

export default defineConfig({
  build: {
    sourcemap: true,
  },

  plugins: [
          copy({
                  targets: [
                    {
                            src: 'cloudfunctions/*',
                            dest: 'unpackage/dist/dev/mp-weixin/cloudfunctions'
                    }
                  ]
            }),
            uni()
      ],
});