时间戳

首页 > 解决方案 > 将 /public 中的 JS 文件导入 /src 中的 JS 文件

javascript - 将 /public 中的 JS 文件导入 /src 中的 JS 文件

问题描述

我目前正致力于在我的 Vue 应用程序中实现 OAuth 身份验证。

身份验证逻辑由两个文件组成，src/auth.js和public/silent-renewal.html. 第一个文件包含与 OAuth 服务器交互的所有逻辑。第二个文件用于在后台更新访问令牌时处理回调。

除了这两个文件之外，还有文件public/oidc-settings.js. 此文件包含定义 OAuth 服务器设置的 JSON 变量。它定义了一个带有设置的 JSON 变量以及访问它们的方法：

const settings = {
  authority: 'http://localhost:8180/auth/realms/auth-example',
  client_id: 'webclient-service',
  redirect_uri: 'http://localhost:8080/callback',
  response_type: 'code',
  response_mode: 'query',
  scope: 'openid profile',
  post_logout_redirect_uri: 'http://localhost:8080/logout',
  silent_redirect_uri: 'http://localhost:8080/silent-renewal.html',
  automaticSilentRenew: true,
  filterProtocolClaims: true,
  loadUserInfo: true
}

function getSettings () {
  return settings
}

在silent-renewal.html文件中，我通过使用script标签 ( <script src='oidc-settings.js'></script.

问题是我不知道如何oidc-settings.js从我的auth.js. auth.js目前我在文件中再次定义了完全相同的设置。

如何将放置在public我的应用程序文件夹中的 Javascript 文件导入文件夹中的 Javascript 文件src？

标签： javascriptvue.jsimportvuejs2

解决方案

如果您询问如何导航到不同的文件夹，您可以使用../.

它看起来像这样：'../public/your-file.js'

如果您需要向上导航两个（或更多），只需../像这样为每个级别添加另一个'../../folder/file.js'

推荐阅读