基于vue nuxt element-ui 打造,采用服务器端渲染ssr技术,更利于seo线上预览
git clone https://github.com/beijing-xiaotinghua/layBlog-ui.git
安装包依赖
npm install
使用cnpm安装包依赖更快,首先安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install
运行发开环境
npm run dev
首先打包编译项目
npm run build
运行项目
npm run start
建议使用pm2管理npm进程
cnpm install -g pm2
执行时确保已经在项目根目录
pm2 start ./node_modules/nuxt/bin/nuxt -- start
pm2 list
pm2 stop id
pm2 start id
配置nginx反向代理
server {
listen 80;
server_name your domain;
root /var/www/html/layadmin-blog-ui;
index index.php index.html index.htm;
location / {
proxy_pass http://127.0.0.1:3000;
}
}
以上只是能够确保运行的简洁配置,生产环境中根据需要自行增加配置
- 使用nuxt.js做服务端渲染ssr.
- 使用element-ui 组件库.
- 使用axios网络请求库
- 使用了layui前端css样式
- 使用了短信验证码登陆、注册
- 实现了评论、点赞功能
See layBlog-ui.
修改nuxt.config.js
文件, 根据需要修改你的接口地址
proxy: [
['/api', { target: 'http://api.bw31d.com' }]
]
修改plugins/axios.js
文件
if (process.server) {
options.baseURL = 'http://api.bw31d.com'
}
购买之后即代表授权整套项目,可以用作商业项目,但是禁止二次销售,传播源码;
此项目仅供参考学习,商业用途,请联系作者授权,此源码禁止传播。
- 关注功能
- 私信功能
- 加入es搜索引擎,提供全文检索功能