小编Geo*_*nov的帖子

我在 src/api/* 中有一个带有 express 中间件的 nuxt 应用程序

我想为这个中间件启用 cors，以便另一个前端应用程序（在不同的域上）可以向它发送请求

由于某种原因，下面的代码没有按预期工作

同样有趣的是，localhost:8000/api/*使用 postman 的请求返回 HTML，而不是我从我的 express 中间件返回的 json 数据。

但是，如果我注释这行代码app.use(cors());（删除 cors 用法），一切都会按预期工作。

这是我的代码

src/api/index.js

const express = require('express');
const bodyParser = require('body-parser');
const morgan = require('morgan');
const mongoose = require('mongoose');
const cors = require('cors');
const config = require('./config');
const syntaxErrorHandler = require('./middlewares/syntaxError')
const api = require('./routes/api');

mongoose.connect(config.database, {
  useCreateIndex: true,
  useNewUrlParser: true,
});

mongoose.connection.on('connected', () => {
    console.log('Mongoose default connection open to ' + config.database)
});

mongoose.connection.on('error', …

我试图在微前端应用程序中传递这样创建的全局状态。但问题是我必须以某种方式“观察”更改，以便在 React 应用程序中设置 State。

全局状态.js

import { reactive } from 'vue'

const globalState = reactive({
  counter: 0
})

export default globalState

在 Vue 微前端中，我这样做并且工作正常

import { createApp } from 'vue'
import App from './App.vue'

export default (rootEl, globalState) => {
  const app = createApp(App)
  app.config.globalProperties.globalState = globalState
  app.mount(rootEl)
}

然而，在 React 应用程序中，我正确地传递了引用，但是当计数器值发生变化时，我必须以某种方式检测它并调用 setState 才能重新呈现更改。问题是我如何观察 Vue 生态系统之外的反应式对象引用的变化。