nuxt打包等注意事项

2023-10-23 23:11:46

打包步骤:

1、首先执行

npm run build

2、将打包好的

.nuxt
static
nuxt.config.js
package.json

这四个文件丢到服务器的某个文件夹中，在服务器上安装node环境

3、在服务器上面执行

npm install

4、在服务器上面执行

npm run start

使用nginx做代理，想项目域名代理到localhost:3000上面就阔以用域名直接访问项目了；

到此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

码农公寓