菜鸟站长
个人博客主题模板、应用插件、功能开发技术资源聚合分享网站

WP-VUE 前后端分离博客 WordPress主题

发布者:菜鸟站长  发布日期:2023-12-28  更新日期:2023-12-28  人气指数:985

WP-VUE采用的是 前后端分离 设计,通过自己写的 API 实现前端快速响应。

注意

此主题目前部署复杂,且无法进行有利于SEO的操作,推荐尝鲜体验。

主题预览

WP-VUE 前后端分离博客 WordPress主题预览

演示网站:https://wv.topicnote.com演示帐户:demo密码:demo123456

主题大致介绍

  • 简单的博客布局
  • 包含登陆(暂未开发注册与 社交 登陆)
  • 用户中心(设置功能暂未完善)
  • 文章收藏、点赞、分享
  • 触底自动加载下一页
  • 文章发布、审核(使用:mavon-editor 编辑器
  • 后台一键设置
  • 首页幻灯片

前端使用

  • nodejs >= 6
  • axios
  • element-ui
  • mavon-editor
  • vue
  • vuex
  • vue-router
  • qs
  • nprogress
  • ……

下载与安装

wp-vue主题免费开发下载使用,解决相关问题需付费

安装wp-vue主题首先确保你熟悉vue-clinpm相关知识

1、下载主题文件包并解压

WP-VUE - WordPress前后端分离博客主题

2、将“Wordpress文件”文件夹里的主题上传至Wordpress后台

3、IDE中打开“vue文件”文件夹,并执行相关操作

  1. 终端打开,cd到相关目录
  2. 执行:npm install
  3. 更改域名配置,打开webpack.config.js,更改devServer下的 API 域名
  4. 打开src/libs/axiosTool.js 并更改axios.defaults.baseURL默认的请求地址
  5. 开发模式(本地调试使用):npm run dev
  6. 生产模式:npm run build,执行后即可打包文件
  7. 打包完成后会生成一个dist文件夹,将里面的所有内容上传即可

域名说明,你可以选择后台安装一个域名,也可以安装在一个域名下,安装完成后需配置静态规则:

location / {
    index index.html index.htm;
    try_files $uri $uri/ /index.html;
}
location /api {
   proxy_pass https://yousite.com/api/v2;
}
下载地址
关闭浏览器广告屏蔽插件或者注册登陆即可看到下载地址

注册 登陆

  发布时间:2023年12月28日

  更新时间:2023年12月28日

  文件说明:WP-VUE 前后端分离博客 WordPress主题

  软件作者:主题笔记 — www.topicnote.com

  主题演示:主题演示站

  下载链接: 主链接 备用链接

 

本文检索关键词:wordpress主题 , 前后端分离

菜鸟站长推荐主题



添加新评论 »

icon_mrgreen.pngicon_neutral.pngicon_twisted.pngicon_arrow.pngicon_eek.pngicon_smile.pngicon_confused.pngicon_cool.pngicon_evil.pngicon_biggrin.pngicon_idea.pngicon_redface.pngicon_razz.pngicon_rolleyes.pngicon_wink.pngicon_cry.pngicon_surprised.pngicon_lol.pngicon_mad.pngicon_sad.pngicon_exclaim.pngicon_question.png