目录
??4.1node
??4.2nginx
1.简单创建Nuxt项目?
首先配置全局nuxt脚手架
npm install -g create-nuxt-app在你想要的目录下创建nuxt项目?
npx create-nuxt-app seo我选择的如下
这是一个插件，类型于message（element-ui）,安装如下
npm install @nuxtjs/toast然后在config配置
plugins: [
{ src: "~/plugins/ElementUI", ssr: true },
{ src: '~/plugins/main', ssr: true },
{ src: "@plugins/vue-quill-editor", ssr: false },
],
2.vue迁移nuxt
具体细节不说了，我就是参考如下链接，有效
vue项目改造nuxt 利于seo - BlancheWang - 博客园
vue-cli3整体迁移至服务端渲染nuxtjs - 古兰精 - 博客园
3.nuxt学习
推荐链接，觉得不错，不是每个知识点都测过
值得注意一点就是：created里面调用this.$content.xxxx.xxx（定义的类似于常量的）
如果那个main.js文件没有被ssr:true那么，就无法获取this.$content.xxxx.xxx
plugins: [
{ src: "~/plugins/ElementUI", ssr: true },
{ src: '~/plugins/main', ssr: true },
{ src: "@plugins/vue-quill-editor", ssr: false },
],上面这个值得注意一点就是asyncData用法
https://www.jb51.net/article/166900.htm
上面的知识点不少
4.配置nuxt在linux中的运行环境?
4.1node
在linux中下载node，跟着步骤不会报错的，路径都可以成功
wget https://npm.taobao.org/mirrors/node/v14.15.4/node-v14.15.4-linux-x64.tar.xz解压?
xz -d node-v14.15.4-linux-x64.tar.xz
tar -xvf node-v14.15.4-linux-x64.tar软链接?
ln -s /usr/local/node-v14.15.4-linux-x64/bin/node /usr/local/bin/node
ln -s /usr/local/node-v14.15.4-linux-x64/bin/npm /usr/local/bin/npmnode -vpm2安装
ln -sf /usr/local/node-v14.15.4-linux-x64/bin/pm2 /usr/local/bin/pm2pm2 list?简单操作
查看当前守护进程 :pm2 list
停止所有的应用程序：pm2 stop all
停止某个应用程序：pm2 stop id
重启所有应用程序：pm2 restart all
关闭并删除所有应用：pm2 delete all
删除指定应用：pm2 delete id4.2nginx
nginx安装搭建Nginx服务器_江河地笑的博客-CSDN博客
ftp资源服务器那，可以不配，直接放在文件里也可以
ftp资源服务器?搭建FTP资源服务器_江河地笑的博客-CSDN博客
只需要改点nginx.conf，代码如下
# nuxt start
upstream nuxttest{ #分配需要代理的服务
server localhost:3000; #代理本地的nuxt服务
}
server {
listen 80;
server_name jinruixiang.top; #你的域名
location / {
proxy_pass http://nuxttest; # 代理upstream模块(这里不能直接代理端口否则_nuxt文件目录无法找到)
index index.html index.htm;
# try_files $uri $uri/ /index.html; #解决页面刷新404问题
}
# 这边是我配置的ftp资源服务器，搭建在我博客里
location /files {
alias /home/user-file/files;
}
}
# nuxt end5.部署在linux服务器
首先把前端nuxt项目下的几个文件放到linux中，放在一个文件夹下
?再依次执行
npm install
npm start (属于一关闭服务器就打不开网站了)
用pm2管理（持久）：pm2 start npm --name 你项目的名称 -- run start
我后端是用springboot写的打成jar包放在服务器里是9000端口
nohup java? -jar xxx.jar &
然后浏览器输入jinruixiang.top
可以了，这个nuxt我才学了一天多，还有很多不太懂的地方，如果有写错的地方，希望可以斧正！
?
?
?