?? ? ????? ?????? ??? ??? ?? ? ???? ?? ??? ???? ????. ?????? Vue ?????? ???? ???? ThinkPHP ?????? ???? ????? ??? ? ??? ??????. ? ????? ThinkPHP? Vue ?? ??? ???? ???? ??? ?????.

1. Vue? ??? ? ??

Vue? ??? ????? ??? ?? ?? JavaScript ????????. Vue? ?? ??? ????????? ????? Vue ?? ??? ?? ???? ???? ??? ? ???? ????? ?? ???. Vue? ???? Ajax ??? ??? ????? ??? ??? ????? ??? ?????. ??? ?? ?? ??? ? ??? ??????.

2. ThinkPHP? ??? ? ??

ThinkPHP? ? ??? ?? ???? ??? ?? ?? PHP ????????. ThinkPHP??? ????? ??? ? ??? ?????. ThinkPHP?? ??? ???? ????? ? ?? ??? ???? ???.

3. ??? ? ?? ??

Vue??? ??? ?? axios ?????? ??? ???? ??? ? ??? ??? ? ????.

import?axios?from?'axios'
axios.defaults.baseURL?=?'http://example.com';
axios.defaults.headers.common['Authorization']?=?AUTH_TOKEN;
axios.defaults.headers.post['Content-Type']?=?'application/json';

ThinkPHP??? ????? ?? ??? ??? ? ????.

header('Access-Control-Allow-Origin:?*?');
header('Access-Control-Allow-Methods:?GET,POST,PUT,DELETE');
header('Access-Control-Allow-Headers:?Origin,?X-Requested-With,?Content-Type,?Accept');

? ??? ?? ??? ? ??? ???? ?? ?? ?? ??? ?????.

?? ??? ?? ?? ????? ??? ? ????.

header('Access-Control-Allow-Origin:?http://example.com');
header('Access-Control-Allow-Methods:?GET,POST,PUT,DELETE');
header('Access-Control-Allow-Headers:?Origin,?X-Requested-With,?Content-Type,?Accept');

? ??? http://example.com? ??? ? ??? ?????.

4. Nginx ??? ???? ??? ? ??? ?????.

Nginx? Vue? ThinkPHP ??? ??? ???? ???? ?? ?? ?? ?? ??? ??? ? ????.

location?/?{
????????proxy_pass?http://backend/;
????????add_header?'Access-Control-Allow-Origin'?'*'?always;
????????add_header?'Access-Control-Allow-Methods'?'GET,?POST,?PUT,?DELETE,?OPTIONS'?always;
????????add_header?'Access-Control-Allow-Headers'?'Origin,?X-Requested-With,?Content-Type,?Accept'?always;
????}

? ??? ???? Vue? ??? ???? ?? ? ????. ??? ??. ? ? 'Access-Control-Allow-Origin'? ?? ???? ??? ?????. ?? ?? ??? ?? ?? ?? ???? ??? ????? ??? ? ????.

5. ??

Vue? ThinkPHP? ??? ??? ?? ?? ? ??? ?? ??? ??? ??? ?? ???? ??? ??? ? ? ????. ?? ?? ?? ??? ? ???? ???? ??? ? ??? ?? ??? ?? ?? ???? ??? ??? ?? ????. ?? ?? ??? ? ??? ???? ?? ? ??? ???? ??? ? ? ??? ????.

? ??? ThinkPHP? Vue ?? ??? ?? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!