NextJS 13.1.6环境变量拼接URL出现多余字符问题求助

问题出在你的.env.local配置格式上，Next.js的环境变量文件必须遵循KEY=VALUE的标准格式，不能用冒号、单引号，也不能在末尾加分号——这些符号都会被直接当成变量值的一部分，所以拼接URL时就会带出来多余的'和;。

把你的.env.local改成下面的格式：

WEBSITE_URL=https://somewebsite.com/api/input
SECRET_KEY=1234abcd

修改后，process.env.WEBSITE_URL会正确拿到不带额外符号的URL地址，process.env.SECRET_KEY也能拿到干净的密钥，再执行原来的拼接代码：

const response = await fetch(`${process.env.WEBSITE_URL}?secret=${process.env.SECRET_KEY}`)

生成的URL就会是正常的https://somewebsite.com/api/input?secret=1234abcd了。

内容的提问来源于stack exchange，提问作者Scottish Smile