WP-VUE 前后端分离博客 WordPress主题
主题预览
WP-VUE采用的是 前后端分离 设计,通过自己写的 API 实现前端快速响应。
注意
此主题目前部署复杂,且无法进行有利于SEO的操作,推荐尝鲜体验。
主题预览
演示网站:https://wv.topicnote.com
;演示帐户:demo
;密码:demo123456
主题大致介绍
前端使用
- nodejs >= 6
- axios
- element-ui
- mavon-editor
- vue
- vuex
- vue-router
- qs
- nprogress
- ……
下载与安装
wp-vue主题免费开发下载使用,解决相关问题需付费
安装wp-vue
主题首先确保你熟悉vue-cli
与npm
相关知识
1、下载主题文件包并解压
2、将“Wordpress文件”文件夹里的主题上传至Wordpress后台
3、IDE中打开“vue文件”文件夹,并执行相关操作
- 终端打开,cd到相关目录
- 执行:
npm install
- 更改域名配置,打开
webpack.config.js
,更改devServer
下的 API 域名 - 打开
src/libs/axiosTool.js
并更改axios.defaults.baseURL
默认的请求地址 - 开发模式(本地调试使用):
npm run dev
- 生产模式:
npm run build
,执行后即可打包文件 - 打包完成后会生成一个
dist
文件夹,将里面的所有内容上传即可
域名说明,你可以选择后台安装一个域名,也可以安装在一个域名下,安装完成后需配置静态规则:
location / {
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /api {
proxy_pass https://yousite.com/api/v2;
}
下载地址