vue在服務端部署時，我們都知道通過npm run build 指令打包好的dist文件，通過http指定是可以直接瀏覽的，Thinkphp通過域名指向index.php文件才可以瀏覽。要使前端正常調(diào)用后端數(shù)據(jù)。
有兩種方法：
1、前端跨域調(diào)用后端數(shù)據(jù)。
2、前端打包文件部署在后端的服務器文件夾下（同域）。
web服務器： apache
如：跨域
在服務器配置站點：
在路徑/home/www/??下創(chuàng)建test項目文件夾，用來放項目文件。 找到httpd-vhosts.conf文件配置站點 前端站點： <VirtualHost *:80> ????ServerName?test.test.com ????DocumentRoot?"/home/www/test/dist"?? ????DirectoryIndex?index.html </VirtualHost> 后端站點： <VirtualHost *:80> ????ServerName?test.testphp.com ????DocumentRoot?"/home/www/test/php"?? ????DirectoryIndex?index.php </VirtualHost>
將前端打包好的dist文件放在/home/www/test/ 文件夾下，運行http://test.test.com可瀏覽，當路徑改變時，刷新會出現(xiàn)404錯誤。此時dist文件下創(chuàng)建一個.htaccess文件，當路徑不存在時，路徑指向http://test.test.com/index.html能解決此問題。
<IfModule mod_rewrite.c>
??RewriteEngine?On
??RewriteBase?/
??RewriteRule?^index\.html$?-?[L]
??RewriteCond?%{REQUEST_FILENAME}?!-f
??RewriteCond?%{REQUEST_FILENAME}?!-d
??RewriteRule?.?/index.html?[L]
</IfModule>
在/home/www/test文件夾下創(chuàng)建項目根目錄php文件夾，將thinkphp文件放在php下。TP5的入口文件在public文件下，在這將public下的入口文件index.php挪到php文件夾下（個人習慣將入口文件放在項目根目錄）, 后端綁定Index模塊。
前端調(diào)用后端接口，存在跨域，跨域解決方法有好幾種，在這我將在后端php做配置，解決跨域問題，在公用控制器設置跨域配置：
class?Common?extends?Controller
{
????public?$param;
????//?設置跨域訪問
????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: ''})
更多Thinkphp相關(guān)技術(shù)文章，請訪問Thinkphp教程欄目進行學習！
Atas ialah kandungan terperinci vuejs怎么和thinkphp結(jié)合. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Bagaimana untuk menjalankan projek thinkphp
Apr 09, 2024 pm 05:33 PM
Untuk menjalankan projek ThinkPHP, anda perlu: memasang Komposer untuk mencipta projek, masukkan direktori projek dan laksanakan php bin/console serve;
Terdapat beberapa versi thinkphp
Apr 09, 2024 pm 06:09 PM
ThinkPHP mempunyai berbilang versi yang direka untuk versi PHP yang berbeza. Versi utama termasuk 3.2, 5.0, 5.1 dan 6.0, manakala versi kecil digunakan untuk membetulkan pepijat dan menyediakan ciri baharu. Versi stabil terkini ialah ThinkPHP 6.0.16. Apabila memilih versi, pertimbangkan versi PHP, keperluan ciri dan sokongan komuniti. Adalah disyorkan untuk menggunakan versi stabil terkini untuk prestasi dan sokongan terbaik.
Bagaimana untuk menjalankan thinkphp
Apr 09, 2024 pm 05:39 PM
Langkah-langkah untuk menjalankan ThinkPHP Framework secara setempat: Muat turun dan nyahzip ThinkPHP Framework ke direktori tempatan. Buat hos maya (pilihan) yang menunjuk ke direktori akar ThinkPHP. Konfigurasikan parameter sambungan pangkalan data. Mulakan pelayan web. Mulakan aplikasi ThinkPHP. Akses URL aplikasi ThinkPHP dan jalankannya.
Mana yang lebih baik, laravel atau thinkphp?
Apr 09, 2024 pm 03:18 PM
Perbandingan prestasi rangka kerja Laravel dan ThinkPHP: ThinkPHP umumnya berprestasi lebih baik daripada Laravel, memfokuskan pada pengoptimuman dan caching. Laravel berfungsi dengan baik, tetapi untuk aplikasi yang kompleks, ThinkPHP mungkin lebih sesuai.
Bagaimana untuk memasang thinkphp
Apr 09, 2024 pm 05:42 PM
Langkah pemasangan ThinkPHP: Sediakan persekitaran PHP, Komposer dan MySQL. Buat projek menggunakan Komposer. Pasang rangka kerja dan kebergantungan ThinkPHP. Konfigurasikan sambungan pangkalan data. Hasilkan kod aplikasi. Lancarkan aplikasi dan lawati http://localhost:8000.
Bagaimanakah prestasi thinkphp?
Apr 09, 2024 pm 05:24 PM
ThinkPHP ialah rangka kerja PHP berprestasi tinggi dengan kelebihan seperti mekanisme caching, pengoptimuman kod, pemprosesan selari dan pengoptimuman pangkalan data. Ujian prestasi rasmi menunjukkan bahawa ia boleh mengendalikan lebih daripada 10,000 permintaan sesaat, dan digunakan secara meluas dalam tapak web dan sistem perusahaan berskala besar seperti JD.com dan Ctrip dalam aplikasi praktikal.
Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk pembangunan API
Nov 22, 2023 pm 05:18 PM
Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk pembangunan API Dengan pembangunan berterusan Internet, kepentingan API (Antara Muka Pengaturcaraan Aplikasi) telah menjadi semakin menonjol. API ialah jambatan untuk komunikasi antara aplikasi yang berbeza Ia boleh merealisasikan perkongsian data, panggilan fungsi dan operasi lain, dan menyediakan pembangun kaedah pembangunan yang agak mudah dan pantas. Sebagai rangka kerja pembangunan PHP yang sangat baik, rangka kerja ThinkPHP adalah cekap, berskala dan mudah digunakan.
Cadangan pembangunan: Cara menggunakan rangka kerja ThinkPHP untuk melaksanakan tugas tak segerak
Nov 22, 2023 pm 12:01 PM
"Cadangan Pembangunan: Cara Menggunakan Rangka Kerja ThinkPHP untuk Melaksanakan Tugas Asynchronous" Dengan perkembangan pesat teknologi Internet, aplikasi Web mempunyai keperluan yang semakin tinggi untuk mengendalikan sejumlah besar permintaan serentak dan logik perniagaan yang kompleks. Untuk meningkatkan prestasi sistem dan pengalaman pengguna, pembangun sering mempertimbangkan untuk menggunakan tugas tak segerak untuk melaksanakan beberapa operasi yang memakan masa, seperti menghantar e-mel, memproses muat naik fail, menjana laporan, dsb. Dalam bidang PHP, rangka kerja ThinkPHP, sebagai rangka kerja pembangunan yang popular, menyediakan beberapa cara mudah untuk melaksanakan tugas tak segerak.
