标签：总结 NODE nuxtjs env 坑点 testing cross ENV nuxt
1、缩放适配
参考：https://blog.csdn.net/weixin_44599931/article/details/136539941
坑点：不要用postcss-px2rem，会和nuxt引入公共css冲突，改用postcss-pxtorem可解决
2、axios使用
坑点：不要配置axios的headers，会导致源代码中seo失效，以及刷新页面后axios请求直接失效
3、多环境变量配置
坑点：需要安装cross-env，不然配置不生效
1、npm i cross-env -S
2、nuxt.config.js配置（见下图1）
require("dotenv").config({ path: ".env" });
[
"@nuxtjs/dotenv",
{
filename:
process.env.NODE_ENV == "production"
? ".env.production"
: process.env.NODE_ENV == "testing"
? ".env.testing"
: ".env.development",
},
],
3、package.json配置（见下图2）
"serve": "cross-env NODE_ENV=development nuxt dev",
"serve:testing": "cross-env NODE_ENV=testing nuxt dev",
"serve:prod": "cross-env NODE_ENV=production nuxt dev",
"build": "cross-env NODE_ENV=production nuxt build",
"build:testing": "cross-env NODE_ENV=testing nuxt build",
"build:dev": "cross-env NODE_ENV=development nuxt build",
4、创建 .env.development .env.production .env.testing 文件（见下图3）
4、解决connect ECONNREFUSED ::1:80报错
参考1：https://www.bilibili.com/read/cv3068816/
参考2：https://baijiahao.baidu.com/s?id=1627057191674675897&wfr=spider&for=pc
我这边的问题：接口地址使用的//xxx.xxx..com，没用http前缀，导致nuxt未成功识别，从而去请求了默认的80接口，出现了报错。改成绝对地址http://xxx.xxx..com后解决
标签：总结,
NODE,
nuxtjs,
env,
坑点,
testing,
cross,
ENV,
nuxt
From： https://www.cnblogs.com/huihuihero/p/18291880