js前端fetch() post到rails后端文件路径到文件错误
问题：js前端fetch() post到rails后端文件路径到文件错误
回答： 在前端开发中，可以使用JavaScript的fetch()方法向后端发送HTTP请求。当使用fetch()方法进行POST请求时，可以将数据发送到Rails后端的特定文件路径。然而，如果在这个过程中出现了文件路径到文件错误，可能有以下几个原因和解决方法：
- 文件路径错误：首先，需要确保在fetch()方法中指定的文件路径是正确的。文件路径应该是相对于后端服务器的根目录或者相对于当前文件的路径。可以使用相对路径或者绝对路径来指定文件路径。
- 后端路由配置错误：在Rails后端，需要确保已经正确配置了相应的路由来处理POST请求，并将请求发送到正确的文件路径。可以在Rails的路由文件中添加相应的路由规则，确保请求能够正确地路由到处理该请求的文件。
- 后端文件处理错误：在Rails后端文件中，需要确保正确处理接收到的POST请求，并将数据保存到指定的文件路径中。可以使用Rails提供的文件操作方法来处理文件路径和数据的保存。
- 跨域请求问题：如果前端和后端不在同一个域名下，可能会遇到跨域请求的问题。在这种情况下，需要在后端配置允许跨域请求的相关头部信息，或者在前端使用代理服务器来转发请求。
总结： 在解决js前端fetch() post到rails后端文件路径到文件错误时，需要确保文件路径正确、后端路由配置正确、后端文件处理正确，并处理可能出现的跨域请求问题。通过检查和调试这些方面，可以解决这个问题。
腾讯云相关产品推荐：
- 云服务器（CVM）：提供可扩展的云服务器实例，用于部署和运行Rails后端应用程序。详情请参考：云服务器产品介绍
- 云数据库MySQL版（TencentDB for MySQL）：提供高性能、可扩展的MySQL数据库服务，用于存储和管理后端应用程序的数据。详情请参考：云数据库MySQL版产品介绍
- 云存储（COS）：提供安全、可靠的对象存储服务，用于存储和管理前端和后端应用程序的静态文件和资源。详情请参考：云存储产品介绍
- 人工智能开放平台（AI）：提供丰富的人工智能服务和工具，用于实现人工智能相关的功能和应用。详情请参考：人工智能开放平台产品介绍
相关·内容
1回答
【负载均衡】请教下，公网负载均衡，能为后端无带宽主机提供出云带宽主动访问外网的能力吗？
负载均衡、共享带宽包、网络安全、nat
请问请问购买1M公网负载均衡，绑定了后端一台无带宽的云服务器。请问此时，从云主机能ping通外网吗？
负载均衡器，能否支持为后端无带宽主机，提供主动访问外网的NAT代理能力？能否支持主机上网？
那这里负载均衡收取的1M网络带宽费用是否合理？入云带宽是有，出云带宽只能返回业务请求的出云带宽，内部主机主动访问外网的带宽却无法通过负载均衡器出去~~~。底层LVS和nginx容器集群如何，请产品大大解答，谢谢
image.png
浏览 262提问于2022-03-05
回答已采纳
5回答
微信小程序人脸与身份证照片对比登录,后端做什么？
官方文档、小程序·云开发
微信小程序前端和后端分别要做些什么 ? 所有需要的东西有哪些 ? (请尽量详细点)
标题：人脸识别 - 智能图像服务 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/641/12397
浏览 2449提问于2018-01-24
1回答
负载均衡clb如何轻量服务器后端？
负载均衡、云联网、轻量应用服务器、服务、服务器
负载均衡与轻量服务器默认是不在不同的 VPC，我有创建了一个云联网ccn 实例将这两个 VPC 进行了关联。
但是在负载均衡的绑定后端服务操作界面不能选择轻量服务器，这个应该怎么操作呢？
浏览 158提问于2023-07-07
1回答
API控制器建模
api、api-design、architectural-patterns、enterprise-architecture、clean-architecture
我正在用ASP.NET开发一个API，但是对于我应该如何为产品开发控制器层有一些疑问。
我有这些问题，因为每个产品都有自己的服务和购买路径，所以product1可能有一个步骤1、步骤2和步骤3，product2可能有另一个步骤1，另一个步骤2，等等。
但我觉得我的前额有一个：
if(Productid = 1) {
post("http://url/product1")
} else {
post("http://url/product2")
}
我相信，如果我的前端只进行一个post("http://url/product")调
浏览 0提问于2021-06-25得票数 0
回答已采纳
2回答
将post数据获取到data将导致404服务器找不到
javascript、node.js、reactjs、express
有一个与我自己的高速公路api后端的反应前端。速递诉4.16.0
使用react前端的fetch来获取数据，效果很好。
fetch('/desResData')
.then(res => {....}
一旦我试图在请求中发布一些数据："POST 404 (未找到)“代码：
fetch('/desResData',
{
method: 'POST',
body: { product: "test" }, // tried JSON.stringify as
浏览 1提问于2019-05-31得票数 1
回答已采纳
2回答
如何将两个云运行应用程序放在一个域下以避免CORS
google-cloud-run
我有两个应用程序，我想让云运行“完全管理”。一个是纯Vue.js SPA，另一个是属于它的后端服务器，它连接到MySQL并获取其他一些API端点。
现在我已经部署了这两个应用程序，但我完全不知道如何让前端应用程序访问后端应用程序。它们都应该运行在同一个域上，以避免出现前端。
前端应用程序的当前URL：https://myapp-xl23p3zuiq-ew.a.run.app
因此，我希望通过：https://myapp-xl23p3zuiq-ew.a.run.app/api访问服务器
这在某种程度上可以通过云运行来实现吗？
浏览 2提问于2020-02-26得票数 0
回答已采纳
4回答
组件之间的角度传递数据
c#、asp.net、.net、angular、typescript
我正在开发一个web应用程序，前端使用Angular，后端使用.Net，这两种技术我都是新手。我有一个存储在SQL Server中的数据库，我使用C#类获取数据，并使用一些控制器将其传递到前端。我有一个api.server.ts文件，它从控制器调用函数，这些函数用于我的应用程序中的所有组件。我有一个组件，其中我获取了一组产品(数据库中的所有产品)，并以html (使用ngfor)显示它们，每个产品都有一个按钮。我想要做的是，当我按下按钮，将我重定向到另一个组件(这是一个空洞的新页面)，并向我显示有关该特定产品的详细信息。 这就是我在前端使用控制器中的函数的地方(我不认为显示该函数是有用的，因
浏览 22提问于2021-05-26得票数 0
回答已采纳
1回答
在shopify中将数据从前端发送到后端
javascript、node.js、reactjs、shopify、shopify-api
我正在开发一个带有node和react的应用。在这个应用程序中，我使用fetch函数创建了一个scriptTag，以便在按下特定按钮时获取客户id和产品id。现在，当我获取数据时，我想将其存储在我的firebase数据库中，因为它在前端，所以我不能在我的脚本标记文件中导入它。因此，我需要将数据从我的前端发送到应用程序的后端，但我很困惑，如果我使用fetch函数来发出POST和GET请求，我应该使用哪个URL？此外，fetch函数甚至可以发布变量值吗？
Scripttag.js
const header = $('header.site-header').parent();
h
浏览 2提问于2021-01-19得票数 0
2回答
node.js快速服务器的获取问题
javascript、node.js、express、fetch-api
我在抓取和node.js上遇到了一些麻烦。在我的前端，当我点击一个按钮，我想发送一个帖子请求，以便从我的后端接收数组作为回答。在我的后端，我使用的是node.js和express，在我的前端我使用的是fetch函数。
occours的错误如下：
从源'‘获取’真实本地主机地址‘的访问已被CORS策略阻止:请求的资源上没有“访问-控制-允许-原产地”标头。如果不透明响应满足您的需要，请将请求的模式设置为“no- CORS”，以获取禁用CORS的资源。
代码在这里
const getArray = async() => {
const data = await fetch (&#
浏览 9提问于2022-05-19得票数 0
2回答
是否可以将HttpOnly Cookie从一个域设置为另一个子域
authentication、cookies、api、single-page-app
我很确定我的问题的答案是否定的，但我在这里很难通过正式文件或其他帖子找到答案。下面是一些上下文的简单用例：
Python后端web应用程序(api.domain.com)
前端JavaScript SPA (app.domain.com)
使用带有正确username和password的axios向app.domain.com发出的post请求，返回具有access JWT令牌的响应，响应设置带有HttpOnly标志的refresh cookie
access令牌存储在内存中，并与每个API请求一起传递。
向api.domain.com/api/auth/refresh/发出的请求按计划发送，
浏览 0提问于2021-10-02得票数 7
1回答
为平均堆栈应用程序配置.htaccess文件
apache、.htaccess、web-deployment
我正在一个支持nodejs的共享a2主机上部署我的平均堆栈web应用程序。
我必须重新配置.htaccess文件，使用以下示例将用户重新路由到带有前端端口的本地主机：
RewriteEngine On
RewriteRule ^$ http://127.0.0.1:55555/ [P,L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ http://127.0.0.1:55555/$1 [P,L]
该网站建议在49152到65535 (含)之间使用端口。
我使
浏览 0提问于2018-08-15得票数 0
回答已采纳
1回答
腾讯云产品如何选择？
云服务器、腾讯云、部署、产品、域名
我目前有一个域名，和一台自己的物理机，并且只能通过ipv6访问，但是运营商屏蔽了80端口。现在我在云服务器上部署了一套应用，通过80端口访问，现在云服务器快到期了，我想把应用迁移到自己的服务器上面。但是我就想通过域名+80端口访问机器上部署的应用，有没有类似的产品可以让我将域名映射到腾讯云的ip，通过80端口访问，然后再由腾讯云转发到我的服务器上的81端口（只需要HTTP转发就行）
浏览 144提问于2023-08-02
3回答
同一端口上的后端和前端
node.js、amazon-web-services、frontend、backend
我在AWS上有一个ec2窗口实例，它在端口80上使用前端响应。我的后端在5000端口上运行。有没有办法在同一个端口上同时托管前端和后端，而不使用客户端上的任何端口来运行rest API？
前端：
www.example.com
当前后台：
www.example.com:5000
我想要的是：
www.example.com/backend/
如何同时为后端路由和前端路由编写单个index.js或server.js文件？
浏览 2提问于2018-01-17得票数 12
回答已采纳
1回答
从原点访问“http://127.0.0.1:5000/product‘from http://localhost:3000’”的XMLHttpRequest
python、reactjs、flask
我试图从我的前端向后端(python、烧瓶和MySql)发出一个POST请求，但是我得到了这个错误消息。
Access to XMLHttpRequest at 'http://127.0.0.1:5000/product' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Orig
浏览 2提问于2021-12-12得票数 0
1回答
CORS缺失允许原产地反应和Rails API
reactjs、ruby-on-rails、cors、cors-anywhere
我的应用程序在后端Rails中并在前端进行了反应，在本地环境中成功地测试了GET和POST请求，在部署过程中(Rails API和Heroku并在Vercel中做出了反应)，我得到了下一个错误：
我在浏览器中使用一个加载项(到处都是cors)，激活它之后，结果是：
因此，我想要正确地管理CORS，以避免使用addon，例如，这是负责GET请求的前端代码：
useEffect(() => {
const fetchMeals = async () => {
//const response = await fetch('https:
浏览 16提问于2022-06-15得票数 0
回答已采纳
1回答
为什么我得到Azure前门400错误
azure、azure-front-door
我有一个静态网站设置使用Azure存储帐户(blob存储)。我想使用Azure前门来处理url重写，因为它是一个SPA，总是需要在后端路由到index.html。我用设计师做了一扇前门。它有一个前端(在azurefd.net域上使用一个子域)，一个后端，它指向我的后端blob存储帐户，并有一个匹配的主机头，还有一个规则基本上是所有默认值。我将其设置为匹配HTTPS的请求。
如何正确地为Azure中的静态存储站点配置前门？
浏览 2提问于2019-03-05得票数 5
回答已采纳
1回答
如何将cookie从服务器发送到不同端口上的客户端
ruby-on-rails、cookies、port、webpack-dev-server
我有一个后端服务器(由Rails提供动力)，它的API由运行在节点简单开发服务器上的HTML5前端使用。
两者都在同一台主机上:我的机器。
当我从前端登录到后端时，rails向我发送了会话cookie。我可以在响应头中看到它，问题是浏览器没有保存它。
策略是正确的，如果我直接从rails应用程序提供相同的前端服务，cookie是正确的。
我看到的唯一不同是，当前端运行在Node服务器上时，它运行在端口8080上，rails运行在端口3000上。我知道cookie不应该是特定于端口的，所以我错过了这里发生的事情。
有什么想法吗？解决办法？
(我需要保持这样的设置，这样就可以从Node和后端rai
浏览 0提问于2016-09-07得票数 5
回答已采纳
3回答
通过谷歌云存储和负载均衡器提供react应用程序，将任何urls映射到索引？
google-cloud-platform、google-cloud-load-balancer
我正在使用谷歌云存储和负载均衡器设置React应用程序前端。在构建过程中，index.html和javascript文件被上传到云存储中。负载均衡器指向后端存储桶。如果我转到http://(loadbalancerip)/index.html，我现在可以访问react应用程序 我想反应，以处理所有的路由，我也希望我们的用户通过任意路径访问网站(如http://(loadbalancerip)/user/details)。有没有办法通过GCP负载均衡器来实现这一点呢？基本上，我希望它总是服务于"index.html“，而不管用户访问的路径是什么。
浏览 37提问于2021-07-10得票数 1
回答已采纳
3回答
具有Ruby on Rails路由的Vue.js路由器
ruby-on-rails、vue.js、vue-router
我目前正在开发一个具有Ruby on Rails后端和Vue.js前端的应用程序。这是一个单页面应用程序。我正在使用webpacker gem来构建我的主js文件。 我已经添加了vue-router和一些前端路由。我可以使用<router-link>导航，它可以正确地呈现适当的组件。我不明白的是，我如何设置我的前端路由，这样别人就可以直接导航到一个url，而不会碰到我的rails路由。 例如，如果我输入/sample-route，我希望进入我的Vue.js路由，而不是rails路由。我仍然希望能够对我的rails路由进行api调用。例如/api/users。 任何帮助都是非常感谢
浏览 32提问于2019-06-14得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
