我的新Nuxt应用程序将占用大量API,因此我创建了一个名为的新顶级文件夹,api
并将在此文件夹中定义所有api路由,但目前仅users.ts
在api/users.ts
:
export default $axios => ({
create(payload: any) {}
showAll(): any {
return $axios.get('...');
}
}
然后在我的plugins文件夹中,我创建了一个模块,导出所有名为的api plugins/api.ts
:
import users from '../api/users';
export defaut ({ app }, inject) => {
app.api = { usersAPI: users }
}
最后在我的nuxt.config.ts
:
...
plugins: [
'~/plugins/api'
],
...
但是在浏览器中,当我加载页面时 ReferenceError: exports is not defined
我怀疑这可能与Typescript有关,但是我遵循了文档中的Typescript支持指南,并@nuxt/typescript
以dev依赖项和ts-node
常规依赖项的形式安装,并更改了config文件的文件扩展名以使用.ts
。
我还创建了一个tsconfig.json
具有以下内容的文件:
{
"compilerOptions": {
"allowSyntheticDefaultImports": true
}
}
默认为拼写错误。目前说
export defaut
。