nuxt build在服务端部署

1. 本地build再上传,在.gitignore里把.nuxt去掉、并把dist改为/dist, .nuxt 加入 .npmignore (新建)
2. 然后本地执行yarn build,成功之后再上传到github上,检查一下.nuxt是否有上传上去。
3.通过nuxt build  打包之后生成.nuxt 文件夹 然后上传到服务器。 
再将 .nuxt   package.json  static nuxt.config.js 新建一个目录。 
4. 新建完成之后npm install 下载
最后部署:
pm2 start npm --name nuxt -- start

就是为什么要把.gitignore里的dist改为/dist?
/dist这个文件夹是执行nuxt generate后生成的,用来做静态应用部署的,这部分就跟通常情况下的.nuxt一样是不应该加入到版本控制里的,但由于nuxt build之后,在.nuxt里也会生成一个dist文件夹,我们希望gitignore的只有/dist而不是/.nuxt/dist,因此猜需要做出这里的修改



 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Linux 上部署 Nuxt.js 应用程序需要以下步骤: 1. 通过 SSH 连接到你的 Linux 服务器。 2. 安装 Node.js 和 NPM。你可以在终端中运行以下命令来安装 Node.js 和 NPM: ``` sudo apt-get update sudo apt-get install nodejs npm ``` 3. 检查 Node.js 和 NPM 的版本是否正确。你可以使用以下命令检查版本: ``` node -v npm -v ``` 4. 将你的 Nuxt.js 应用程序上传到服务器上。你可以使用 FTP 或 SCP 等工具将应用程序上传到服务器上。 5. 在服务器上安装 PM2 进程管理器。你可以使用以下命令安装 PM2: ``` npm install pm2 -g ``` 6. 在服务器上构建你的 Nuxt.js 应用程序。你可以在终端中运行以下命令: ``` npm run build ``` 这个命令将会在你的项目目录下的 `.nuxt` 目录中生成一个可执行的应用程序。 7. 启动你的 Nuxt.js 应用程序。你可以在终端中运行以下命令: ``` pm2 start npm --name "my-app" -- start ``` 这个命令将会使用 PM2 进程管理器启动你的应用程序,并将其命名为 "my-app"。 8. 配置 Nginx 反向代理。你可以在 Nginx 的配置文件中添加以下内容: ``` server { listen 80; server_name example.com; location / { proxy_pass http://localhost:3000; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection 'upgrade'; proxy_set_header Host $host; proxy_cache_bypass $http_upgrade; } } ``` 这个配置将会将所有的请求转发到本地的 3000 端口上,这是由 PM2 进程管理器启动的 Nuxt.js 应用程序的默认端口。 9. 重启 Nginx 服务器。你可以在终端中运行以下命令: ``` sudo service nginx restart ``` 这个命令将会重新启动 Nginx 服务器,并使新的配置生效。 现在你的 Nuxt.js 应用程序已经成功部署到了 Linux 服务器上,并且可以通过浏览器来访问了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值