nuxt打包等注意事项

2021-07-23 15:01:56 阅读：168 来源： 互联网

标签：console -- remove build 注意事项打包 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项目部署完成

==========================================================================

更改指定端口号

如果要更改访问默认端口号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

标签：console,--,remove,build,注意事项,打包,nuxt
来源： https://www.cnblogs.com/init-007/p/15048881.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

nuxt打包等注意事项