尝试从REST API获取数据时，请求的资源上不存在'Access-Control-Allow-Origin‘标头

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

求醉的松鼠 · 木村拓哉日剧百度网盘 - 百度· 2 周前 ·

潇洒的机器猫 · 「电脑软件」动漫电影MKV格式快速无损转换M ...· 1 周前 ·

很拉风的酱牛肉 · 李祥庭-幽居(古琴独奏)[正版CD原抓WAV ...· 6 天前 ·

礼貌的领带 · ubuntu ...· 昨天 ·

沉稳的麻辣香锅 · 请回答我1988网盘 - 百度· 17 小时前 ·

果断的海豚 · MongoDB 空值数组查询 - ...· 4 月前 ·

健壮的山寨机 · 使用python如何提取JSON数据指定内容 ...· 7 月前 ·

个性的木耳 · JMeter / Beanshell ...· 1 年前 ·

多情的黑框眼镜 · 使用 vite 代替 webpack 搭建 ...· 1 年前 ·

绅士的毛巾 · vb6中字符串转控件名的方法_chinabo ...· 1 年前 ·

腾讯云

开发者社区

文档意见反馈控制台

首页 TVP

文章/答案/技术大牛

发布

function performSignIn() {
  let headers = new Headers();
  headers.append('Content-Type', 'application/json');
  headers.append('Accept', 'application/json');
  headers.append('Access-Control-Allow-Origin', 'http://localhost:3000');
  headers.append('Access-Control-Allow-Credentials', 'true');
  headers.append('GET', 'POST', 'OPTIONS');
  headers.append('Authorization', 'Basic ' + base64.encode(username + ":" + password));
  fetch(sign_in, {
      //mode: 'no-cors',
      credentials: 'include',
      method: 'POST',
      headers: headers
    .then(response => response.json())
    .then(json => console.log(json))
    .catch(error => console.log('Authorization failed : ' + error.message));
}

credentials: 'include',

async function get_ajax_data(){
       var _reprojected_lat_lng = await $.ajax({
                                type: 'GET',
                                dataType: 'jsonp',
                                data: {},
                                url: _reprojection_url,
                                error: function (jqXHR, textStatus, errorThrown) {
                                    console.log(jqXHR)
                                success: function (data) {
                                    console.log(data);
                                    // note: data is already json type, you
                                    //       just specify dataType: jsonp
                                    return data;
 } // function

@Value( "${app.allow.origins}" )
    private String allowOrigins;    
@Bean
public WebMvcConfigurer corsConfigurer() {
            System.out.println("allow origin: "+allowOrigins);
            return new WebMvcConfigurerAdapter() {
                @Override
                public void addCorsMappings(CorsRegistry registry) {
                    registry.addMapping("/**")
                    //.allowedOrigins("http://localhost")
                    .allowedOrigins(allowOrigins)
                    .allowedMethods("PUT", "DELETE","GET", "POST");
        }

headers.append('Access-Control-Allow-Origin', 'http://localhost:3000');
headers.append('Access-Control-Allow-Credentials', 'true');

headers.append('GET', 'POST', 'OPTIONS');

Access-Control-Allow-Origin : http://localhost:3000
Access-Control-Allow-Credentials : true
Access-Control-Allow-Methods : GET, POST, OPTIONS
Access-Control-Allow-Headers : Origin, Content-Type, Accept

function performSignIn() {
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    headers.append('Accept', 'application/json');
    headers.append('Authorization', 'Basic ' + base64.encode(username + ":" +  password));
    headers.append('Origin','http://localhost:3000');
    fetch(sign_in, {
        mode: 'cors',
        credentials: 'include',
        method: 'POST',
        headers: headers
    .then(response => response.json())
    .then(json => console.log(json))
    .catch(error => console.log('Authorization failed : ' + error.message));
}

RewriteEngine on
  RewriteCond %{REQUEST_METHOD} ^OPTIONS
  RewriteRule .* . [F]

RewriteEngine off
  RewriteCond %{REQUEST_METHOD} ^OPTIONS
  RewriteRule .* . [F]

post(
    this.serverUrl, dataObjToPost,
      headers: new HttpHeaders({
           'Content-Type':  'application/json',
)

header("Access-Control-Allow-Origin: http://localhost:4200");
header('Access-Control-Allow-Methods: GET, POST, OPTIONS');
header("Access-Control-Allow-Headers: Content-Type, Authorization");
$postdata = file_get_contents("php://input");
$request = json_decode($postdata);
print_r($request);

server.key & server.crt

import express from 'express';
const emailRouter = require('./routes/email');  // in my case, I was sending an email through a form in ReactJS
const fs = require('fs');
const https = require('https');
const app = express();
const port = 8000;
// CORS (Cross-Origin Resource Sharing) headers to support Cross-site HTTP requests
app.all('*', (req, res, next) => {
    res.header("Access-Control-Allow-Origin", "https://localhost:3000");
    next();
// Routes definition
app.use('/email', emailRouter);
// HTTPS server
const credentials = {
  key: fs.readFileSync('server.key'),
  cert: fs.readFileSync('server.crt')
const httpsServer = https.createServer(credentials, app);
httpsServer.listen(port, () => {
    console.log(`Back-end running on port ${port}`);
});

https.createServer(credentials, (req: any, res: any) => {
  res.writeHead(200);
  res.end("hello world from SSL\n");
}).listen(port, () => {
  console.log(`HTTPS server listening on port ${port}...`);
});

await axios.get(`https://localhost:8000/email/send`, {
        params: {/* whatever data you want to send */ },
        headers: {
            'Content-Type': 'application/json',
    })

HTTPS=true SSL_CRT_FILE=server.crt SSL_KEY_FILE=server.key npm start

const cors = require('cors');
const userRouter = require('./routers/user');
expressApp = express();
expressApp.use(cors());
expressApp.use(express.json());
expressApp.use(userRouter);

fetch(sign_in, {
        mode: 'no-cors',
        credentials: 'include',
        method: 'POST',
        headers: headers
    .then(response => response.json())

尝试从REST API获取数据时，请求的资源上不存在'Access-Control-Allow-Origin‘标头

11 个回答