mmf-blog vuejs 3.0 v3 中文说明

demo: http://www.mmxiaowu.com

The main technical stack: vue 3, vue-router 4, pinia, vitejs 5, unocss, eslint, pwa, ssr

---

Other versions

react(spa): https://github.com/lincenying/mmf-blog-react-v2

react(hooks spa): https://github.com/lincenying/mmf-blog-vite-react

vue2(spa): https://github.com/lincenying/mmf-blog-vue2

vue2(pwa ssr): https://github.com/lincenying/mmf-blog-vue2-pwa-ssr

vue3(spa): https://github.com/lincenying/mmf-blog-vite-vue3

vue3(pwa ssr): https://github.com/lincenying/mmf-blog-vite-vue3-ssr

nuxt3: https://github.com/lincenying/mmf-blog-vite-nuxt

---

First installation api server:

express-ts: https://github.com/lincenying/mmf-blog-api-ts

Project setup

$ pnpm install

Compiles and hot-reloads for development

$ pnpm serve

Compiles and minifies for production

$ pnpm build

Preview for production

$ pnpm start

Lints and fixes files

$ pnpm lint

docker-compose

使用docker-compose, 将会从docker hub拉取api-server镜像, 并且启动容器

api:
  container_name: api-server
  image: lincenying/api-server:1.0.1

修改docker-compose.yml中的mongo.volumes配置, 将宿主机数据库路径映射到容器中

volumes:
  - /Users/lincenying/web/mongodb/data:/data/db

# 生成镜像及启动容器
# 后端服务器一起启动
docker-compose build
docker-compose up -d

# 如果后端服务器在宿主机或者其他容器上, 按照如下命令启动, 并且修改`nginx/conf.d/vue3-api.conf`里的`proxy_pass`配置
docker-compose -f docker-compose.api.yml build
docker-compose -f docker-compose.api.yml up -d

Home Site http://localhost:7779

Login http://localhost:7779/backend/login

LICENSE

MIT