首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >ui5 5-服务器的代理配置

ui5 5-服务器的代理配置
EN

Stack Overflow用户
提问于 2019-11-04 15:32:38
回答 1查看 2.6K关注 0票数 1

我用ui5-cli工具创建了项目。我将外部js库添加到我的项目中。ui5 serve命令启动 ui5 5-server,它将ui5库文件夹映射为/resource.,我需要将resource/libs文件夹映射到项目中的另一个位置。

如何为映射/路由配置ui5 5-服务器代理设置?

我的package.json文件:

代码语言:javascript
运行
复制
{
  "name": "openui5-sample-app",
  "version": "0.2.0",
  "description": " ",
  "private": true,
  "scripts": {
    "start": "ui5 serve",
    "lint": "eslint webapp",
    "karma": "karma start",
    "karma-ci": "rimraf coverage && karma start karma-ci.conf.js",
    "watch": "npm run karma",
    "test": "npm run lint && npm run karma-ci",
    "build": "ui5 build -a --clean-dest",
    "build-self-contained": "ui5 build self-contained -a --clean-dest",
    "serve-dist": "ws --compress -d dist"
  },
  "dependencies": {
    "@openui5/sap.m": "^1.70.0",
    "@openui5/sap.ui.core": "^1.70.0",
    "@openui5/themelib_sap_fiori_3": "^1.70.0",
    "js-cookie": "^2.2.1"
  },
  "devDependencies": {
    "@ui5/cli": "^1.9.0",
    "eslint": "^5.16.0",
    "karma": "^4.3.0",
    "karma-chrome-launcher": "^3.1.0",
    "karma-coverage": "^2.0.1",
    "karma-ui5": "^1.1.0",
    "local-web-server": "^3.0.7",
    "rimraf": "^3.0.0"
  }
}

我的component.js文件:

代码语言:javascript
运行
复制
jQuery.sap.registerModulePath('libs.js-cookie', '../resources/libs/js.cookie-2.2.1.min');

sap.ui.define([
     ...,
     "libs/js-cookie"
], function(UIComponent, Device, models) {
  ...
});

我的yaml档案:

代码语言:javascript
运行
复制
specVersion: '1.0'
metadata:
  name: openui5-sample-app
type: application
resources:
  configuration:
    propertiesFileSourceEncoding: "UTF-8"
EN

回答 1

Stack Overflow用户

发布于 2019-11-08 08:07:09

您必须将cli更新为最新版本,或者编写为"@ui5/cli": "^1.11.1"。我个人可以建议您ncu检查规则更新。

此配置在您的CDN引导中需要一个index.html。

ui5 5-工具有它自己的依赖部分,在那里添加您的包

代码语言:javascript
运行
复制
     {
      "name": "xyz",
      "version": "1.0.0",
      "description": "xyz",
      "dependencies": {
        "@sap/approuter": "6.5.1"
      },
      "devDependencies": {
        "@ui5/cli": "^1.11.1",
        "ui5-middleware-simpleproxy": "^0.1.3",
        "ui5-tooling-livereload": "^0.1.4",
        "js-cookie": "^2.2.1"
      },
      "sapui5-runtime": {
        "version": "1.66.1"
      },
      "scripts": {

      },
      "ui5": {
        "dependencies": [
          "ui5-tooling-livereload",
          "ui5-middleware-simpleproxy",
          "js-cookie"
        ]
      }
    }

看到整个yaml的伟大画面。但你只需要“--#一切”之后的东西

代码语言:javascript
运行
复制
    specVersion: '1.0'
    metadata:
      name: my.ui5.id
    type: application
    server:
      customMiddleware:
      - name: ui5-tooling-livereload
        afterMiddleware: compression
        configuration:
          debug: true
          ext: "xml,json,properties"
          port: 35729
          path:   
            - "webapp"
      - name: ui5-middleware-simpleproxy
        mountPath: /my/local/backend/service/odata/v2
        afterMiddleware: compression
        configuration:
          baseUri: "http://localhost:8081/my/local/backend/service/odata/v2"
    --- # Everything below this line could also be put into the ui5.yaml of a standalone extension module
    specVersion: "1.0"
    kind: extension
    type: project-shim
    metadata:
      name: my.application.thirdparty
    shims:
      configurations:
        js-cookie: # name as defined in package.json
          specVersion: "1.0"
          type: module # Use module type
          metadata:
            name: js-cookie
          resources:
            configuration:
              paths:
                /resource/libs: "/src/" #here is mapped: node_modules/js-cookie/src
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58696527

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档