鍍金池/ 問答/HTML/ VUE 配置proxy代理后,前臺報錯400 bad request

VUE 配置proxy代理后,前臺報錯400 bad request

問題描述

使用vue-cli啟動前臺端口8080,本地eclipse啟動后臺端口8180,所以需要配置代理。
按照CSDN的教程配置了代理,但是前臺瀏覽器報錯
http://localhost:8080/api/springdemo/getUserByGet?userName=111 400 (Bad Request)
,后臺收不到消息。

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

實際上代理應(yīng)該是成功的,因為瀏覽器直接訪問http://localhost:8080/api/springdemo/getUserByGet?userName=111
是可以收到返回結(jié)果的,但是通過this.$ajax.post(http://localhost:8080/api/springdemo/getUserByGet?userName=111', {})訪問就跑不通了。

相關(guān)代碼

在config/index.js中,引入如下配置。

proxy: {
    '/api': {    
        target: 'http://localhost:8180',  // 接口域名
        changeOrigin: true,  //是否跨域
        pathRewrite: {
            '^/api': ''   // 將前綴 '/api' 轉(zhuǎn)為 '/'
        }
    }
}
看了正常啟動的項目,配置了代理應(yīng)該打啟動日志:
[HPM] Proxy created: /apis -> https://apitest.miaomore.com
[HPM] Proxy rewrite rule created: "^/apis" ~> ""

可是我仔細按照教程做的,卻沒有打這兩行代理日志,說明還是配置有問題,請幫我看看吧。

-------------------------------后續(xù)補充-------------------------------------------------

發(fā)現(xiàn)不是代理未生效,而是前端請求報錯403,導(dǎo)致我認為代理不通。
目前只有登錄(POST)不能實現(xiàn)代理訪問,其他的get請求代理是可以的。請幫忙分析下。

            this.$ajax.post('apis/login', {
                            domainAccount: this.loginForm.domainAccount,
                            password: this.loginForm.password
                        }).then((response) => {...}
回答
編輯回答
瘋浪

發(fā)現(xiàn)不是代理未生效,而是前端請求報錯403,導(dǎo)致我認為代理不通。
目前只有登錄(POST)不能實現(xiàn)代理訪問,其他的get請求代理是可以的。請幫忙分析下。

            this.$ajax.post('apis/login', {
                            domainAccount: this.loginForm.domainAccount,
                            password: this.loginForm.password
                        }).then((response) => {...}
                        

真正的解決方案,前后臺都在本機運行的配置。
https://blog.csdn.net/w770583...

2018年1月1日 15:43
編輯回答
殘淚

就這倆行分析啥...
你貼這倆行代碼寫法是沒問題的,先搞清楚:

403的錯誤是什么搞明白?
后臺支持的數(shù)據(jù)格式統(tǒng)一么 例如Content-Type?
后臺接口的權(quán)限設(shè)置有么?
2017年12月15日 15:20
編輯回答
懶洋洋

這個還是多看看http的基本知識吧

首先百度一下http狀態(tài)碼403是什么錯誤信息
然后嘗試解決

最后推薦一本很好的http書籍
《圖解http》
http://www.java1234.com/a/jav...

2017年8月26日 04:50