Javascript 如何在其他文件夹中获取上载图像?明示静态问题

Javascript 如何在其他文件夹中获取上载图像?明示静态问题,javascript,vue.js,express,Javascript,Vue.js,Express,我目前有两个文件夹,一个是包含公用文件夹和服务器文件夹的命名项目。我目前正在使用post方法上载文件(图像)。这是我的两个文件夹路径: project/router/index.js和project/client/public/uploads 我使用app.use(express.static('public'));这样我的项目/路由器可以访问我的公用文件夹。问题是我真的不知道如何告诉我的函数要使用的路径。当我这样做的时候 wait fs.writeFile(`http://localhost:

我目前有两个文件夹,一个是包含公用文件夹和服务器文件夹的命名项目。我目前正在使用post方法上载文件(图像)。这是我的两个文件夹路径:
project/router/index.js
project/client/public/uploads

我使用app.use(express.static('public'));这样我的
项目/路由器可以访问我的公用文件夹。问题是我真的不知道如何告诉我的函数要使用的路径。当我这样做的时候
wait fs.writeFile(`http://localhost:8080/uploads/${request.files[0].originalname}`,数据)我的路由器使用端口3000,我的客户端文件夹使用端口8080。最后,我的函数使用了错误的路径:

server\http:\localhost:8080\uploads\IMG\u 20200813\u 0006.jpg'
我想用这个来代替
project/client/public/uploads

谢谢

等待fs。writeFile('http…')是双重失败:)

如果你想使用Wait,你需要使用承诺:
等待fs.promises.writeFile()

您不能写入http,它没有意义。为此,您应该使用node的http模块或更简单的模块(例如axios)发出正确的请求

axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});
为什么不直接使用它呢

await fs.promises.writeFile(`project/client/public/uploads/${request.files[0].originalname}`, data)
wait fs.writeFile('http…')是双重失败:)

如果你想使用Wait,你需要使用承诺:
等待fs.promises.writeFile()

您不能写入http,它没有意义。为此,您应该使用node的http模块或更简单的模块(例如axios)发出正确的请求

axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});
为什么不直接使用它呢

await fs.promises.writeFile(`project/client/public/uploads/${request.files[0].originalname}`, data)

最后,我通过更改上传路径来解决问题。我把它放在我的服务器/公用文件夹中,并使用
v-bind:src=“”获取我的图像http://localhost:3000/uploads/“+publication.image”>

最后,我通过更改上传路径来解决问题。我把它放在我的服务器/公用文件夹中,并使用
v-bind:src=“”获取我的图像http://localhost:3000/uploads/“+publication.image”>

当我使用它时,它说它沿着这个路径运行
project/server/project/client/public/uploads/
它保持在同一条路径上当我使用它时,它说它在这条路径上
project/server/project/client/public/uploads/
它保持在相同的路径中