duanpie2414 2017-09-19 19:06
浏览 154
已采纳

Vue JS axios向Golang服务器发布请求,预检错误

I try to send a post api request from a front end website (localhost:8888) to a golang backend (localhost:8000). I get the errors listed below. I looked on stackoverflow and the problems seems to be cross origin request and preflight request handling. I added the headers as shown below but the problem still occurs. I hope you guys can help me :)

Axios error:

OPTIONS http://localhost:8000/api/heimdall/signup 404 (Not Found)

Failed to load http://localhost:8000/api/heimdall/signup: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8888' is therefore not allowed access. The response had HTTP status code 404.

Mux CORS handler

methodsOk := handlers.AllowedMethods([]string{"GET", "HEAD", "POST", "PUT", "OPTIONS"})
originsOk := handlers.AllowedOrigins([]string{"*"})
headersOk := handlers.AllowedHeaders([]string{"Accept", "Content-Type", "Content-Length", "Accept-Encoding", "X-CSRF-Token", "Authorization"})

log.Fatal(http.ListenAndServe(":8000", handlers.CORS(methodsOk, originsOk, headersOk)(r)))

Axois Code:

'use strict';

 var axios = require('axios');

function Signup(email, password) {
var apiURL = 'http://localhost:8000/api/heimdall/signup';

return new Promise((resolve, reject) => {
    axios.post(apiURL, {
        email: email,
        password: password
    })
    .then(respone => {
        console.log('Promise Signup response:', respone);
        resolve(respone);
    }, error => {
        console.log('Promise Signup error:', error);
        reject(error);
    });
});
}

export {
   Signup
};
  • 写回答

2条回答 默认 最新

  • dongwuying0221 2017-09-21 13:27
    关注

    Maybe you can try this, i use this on my web api.

    var handler http.Handler
    {
        handler = handlers.CORS(
            handlers.AllowedOrigins([]string{"*"}),
            handlers.AllowedMethods([]string{"GET", "PUT", "PATCH", "POST", "DELETE", "OPTIONS"}),
            handlers.AllowedHeaders([]string{"Origin", "Authorization", "Content-Type"}),
            handlers.ExposedHeaders([]string{""}),
            handlers.MaxAge(10),
            handlers.AllowCredentials(),
        )(r)
        handler = handlers.RecoveryHandler(handlers.PrintRecoveryStack(true))(handler)
    }
    http.Handle("/", handler)
    http.ListenAndServe(":8080", nil)
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥20 Python安装cvxpy库出问题
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥15 python天天向上类似问题,但没有清零
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 C#调用python代码(python带有库)
  • ¥15 矩阵加法的规则是两个矩阵中对应位置的数的绝对值进行加和
  • ¥15 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题