nuxt打包等注意事项
打包步骤:
1、首先执行
npm run build
2、将打包好的
.nuxt static nuxt.config.js package.json
这四个文件丢到服务器的某个文件夹中,在服务器上安装node环境
3、在服务器上面执行
npm install
4、在服务器上面执行
npm run start
使用nginx做代理,想项目域名代理到localhost:3000上面就阔以用域名直接访问项目了;
到此nuxt项目部署完成
线上pm2执行
pm2 start npm --name "xxxx-nuxt" -- run start
可以使用下面命令查询运行的命令
pm2 list
pm2 start/stop/delete xxxx-nuxt
==========================================================================
更改指定端口号
如果要更改访问默认端口号3000
修改 package.json文件的scripts节点下的"dev",在nuxt 后面加上 --port 9001,
并且,把start的值nuxt start后面加上 --port 9001
访问的时候就是:http://127.0.0.1:9001/
"scripts": { "dev": "nuxt --port 9001", "build": "nuxt build", "start": "nuxt start --port 9001", "generate": "nuxt generate" },
============================================================================
打包在生成环境下不显示console.log
先安装依赖
npm install babel-plugin-transform-remove-console --save-dev
在nuxt.config.js 最上面添加
let remove_console= [] if(process.env.NODE_ENV === 'production'){ remove_console.push("transform-remove-console") }
build里
build: { babel:{ 'plugins': remove_console } }
打包注意:
build:为服务器动态打包
generate:为静态打包,当时访问接口什么数据,访问则是什么数据,不会改变,还有里面axios的请求要写完整url等等
nginx代理转发配置
https://www.jianshu.com/p/b6119481466f
nginx代理proxy_pass绝对路径和相对路径实验
https://www.jianshu.com/p/b113bd14f584
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了