next.js - 在NextJS中new URL为啥和标准不一样呢？

Question

测试代码很简单如下：

const logo = new URL('http://up1.yii.so/jianli/static/square.js', import.meta.url);// import.meta.url is file:///Users/liwei/Downloads/app/web3/next.v2/src/app/optimizing/script/urlimports/page.tsxconsole.log(logo.href);// output: _next/static/media/square.251a1772.js

我不太理解，为啥：http://up1.yii.so/jianli/static/square.js + file:///Users/liwei/Downloads/app/web3/next.v2/src/app/optimizing/script/urlimports/page.tsx = _next/static/media/square.251a1772.js

我先找了mdn，在new URL()中关于第一个参数url如下描述：

如果 url 是相对 URL，则会将 base 用作基准 URL。如果 url 是绝对 URL，则无论参数 base 是否存在，都将被忽略。

显然nextjs中的new URL()和web标准不一样，但是文档又没有提到，所以想问下nextjs中的new URL()是什么标准？

Answer 1

你理解的是对的。 不过在一些框架中会允许你使用url进行模块导入(不限于next,原理就是Webpack BuildHttp)

import logo from 'https://example.com/assets/logo.png'

在next中对于远程资源也是可以这样的

const logo = new URL('https://example.com/assets/file.txt', import.meta.url) console.log(logo.pathname)// prints "/_next/static/media/file.a9727b5d.txt"

具体你可以查看
Next Doc