前端vue與后端Thinkphp在服務(wù)器的部署

vue在服務(wù)端部署時,我們都知道通過npm run build 指令打包好的dist文件,通過http指定是可以直接瀏覽的瓣蛀,Thinkphp通過域名指向index.php文件才可以瀏覽惨奕。要使前端正常調(diào)用后端數(shù)據(jù),有兩種方法:1鉴象、前端跨域調(diào)用后端數(shù)據(jù),2何鸡、前端打包文件部署在后端的服務(wù)器文件夾下(同域)纺弊。

web服務(wù)器: apache

一、跨域

在服務(wù)器配置站點:

在路徑/home/www/??下創(chuàng)建test項目文件夾骡男,用來放項目文件淆游。??

找到httpd-vhosts.conf文件配置站點??

前端站點:??


????ServerName?test.test.com??

????DocumentRoot?"/home/www/test/dist"????

????DirectoryIndex?index.html??


后端站點:??


????ServerName?test.testphp.com??

????DocumentRoot?"/home/www/test/php"????

????DirectoryIndex?index.php??


將前端打包好的dist文件放在/home/www/test/ 文件夾下,運行http://test.test.com可瀏覽,當(dāng)路徑改變時稽犁,刷新會出現(xiàn)404錯誤焰望。此時dist文件下創(chuàng)建一個.htaccess文件,當(dāng)路徑不存在時已亥,路徑指向http://test.test.com/index.html能解決此問題熊赖。

??RewriteEngine?On??

??RewriteBase?/??

??RewriteRule?^index\.html$?-?[L]??

??RewriteCond?%{REQUEST_FILENAME}?!-f??

??RewriteCond?%{REQUEST_FILENAME}?!-d??

??RewriteRule?.?/index.html?[L]??


在/home/www/test文件夾下創(chuàng)建項目根目錄php文件夾,將thinkphp文件放在php下虑椎。TP5的入口文件在public文件下震鹉,在這將public下的入口文件index.php挪到php文件夾下(個人習(xí)慣將入口文件放在項目根目錄), 后端綁定Index模塊。

前端調(diào)用后端接口捆姜,存在跨域传趾,跨域解決方法有好幾種,在這我將在后端php做配置泥技,解決跨域問題浆兰,在公用控制器設(shè)置跨域配置:

class?Common?extends?Controller??

{??

????public?$param;??

????//?設(shè)置跨域訪問??

????public?function?_initialize()??

????{??

????????parent::_initialize();??

????????isset($_SERVER['HTTP_ORIGIN'])???header('Access-Control-Allow-Origin:?'.$_SERVER['HTTP_ORIGIN'])?:?'';??

????????header('Access-Control-Allow-Credentials:?true');??

????????header('Access-Control-Allow-Methods:?GET,?POST,?PUT,?DELETE,?OPTIONS');??

????????header("Access-Control-Allow-Headers:?Origin,?X-Requested-With,?Content-Type,?Accept,?authKey,?sessionId");??

$param?=??Request::instance()->param();??

$this->param?=?$param;??

????}??

}??

前端調(diào)用登錄接口: this.axios.post('http://test.testphp.com/index.php/base/login', {user: '', password: ''})。

(可在webpack.base.conf.js文件下可定義接口:http://test.testphp.com/index.php/)

二珊豹、同域

后端配置同上簸呈,公共配置器中的header配置注釋。將前端的dist文件下的所有文件(包含.htaccess)店茶,放在php文件夾下蜕便。將后端index控制器的index方法的路徑重定向php下的index.html文件:

namespace?app\index\controller;??

use?think\Controller;??

class?Index?extends?Controller??

{??

????public?function?index()?{??

$this->redirect('/index.html');??

????}??

}??

前端調(diào)用登錄接口: this.axios.post('/index.php/base/login', {user: '', password: ''})

轉(zhuǎn)自:https://blog.csdn.net/qq_35465132/article/details/78986675

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市贩幻,隨后出現(xiàn)的幾起案子轿腺,更是在濱河造成了極大的恐慌,老刑警劉巖丛楚,帶你破解...
    沈念sama閱讀 211,496評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件族壳,死亡現(xiàn)場離奇詭異,居然都是意外死亡鸯檬,警方通過查閱死者的電腦和手機决侈,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,187評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來喧务,“玉大人,你說我怎么就攤上這事枉圃」睿” “怎么了?”我有些...
    開封第一講書人閱讀 157,091評論 0 348
  • 文/不壞的土叔 我叫張陵孽亲,是天一觀的道長坎穿。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么玲昧? 我笑而不...
    開封第一講書人閱讀 56,458評論 1 283
  • 正文 為了忘掉前任栖茉,我火速辦了婚禮,結(jié)果婚禮上孵延,老公的妹妹穿的比我還像新娘吕漂。我一直安慰自己,他們只是感情好尘应,可當(dāng)我...
    茶點故事閱讀 65,542評論 6 385
  • 文/花漫 我一把揭開白布惶凝。 她就那樣靜靜地躺著,像睡著了一般犬钢。 火紅的嫁衣襯著肌膚如雪苍鲜。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,802評論 1 290
  • 那天玷犹,我揣著相機與錄音混滔,去河邊找鬼。 笑死歹颓,一個胖子當(dāng)著我的面吹牛坯屿,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播晴股,決...
    沈念sama閱讀 38,945評論 3 407
  • 文/蒼蘭香墨 我猛地睜開眼愿伴,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了电湘?” 一聲冷哼從身側(cè)響起隔节,我...
    開封第一講書人閱讀 37,709評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎寂呛,沒想到半個月后怎诫,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,158評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡贷痪,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,502評論 2 327
  • 正文 我和宋清朗相戀三年幻妓,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片劫拢。...
    茶點故事閱讀 38,637評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡肉津,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出舱沧,到底是詐尸還是另有隱情妹沙,我是刑警寧澤,帶...
    沈念sama閱讀 34,300評論 4 329
  • 正文 年R本政府宣布熟吏,位于F島的核電站距糖,受9級特大地震影響玄窝,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜悍引,卻給世界環(huán)境...
    茶點故事閱讀 39,911評論 3 313
  • 文/蒙蒙 一恩脂、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧趣斤,春花似錦俩块、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,744評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至镊逝,卻和暖如春壮啊,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背撑蒜。 一陣腳步聲響...
    開封第一講書人閱讀 31,982評論 1 266
  • 我被黑心中介騙來泰國打工歹啼, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人座菠。 一個月前我還...
    沈念sama閱讀 46,344評論 2 360
  • 正文 我出身青樓狸眼,卻偏偏與公主長得像,于是被迫代替她去往敵國和親浴滴。 傳聞我的和親對象是個殘疾皇子拓萌,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,500評論 2 348