前端vue与后端Thinkphp在服务器的部署
vue在服务端部署时，我们都知道通过npm run build 指令打包好的dist文件，通过http指定是可以直接浏览的，Thinkphp通肢局如过域名指向index.php文件才可以浏览。要使前端正常调用后端数据，有两种方法：1、前端跨域调用后端数据，2、前端打包文件部署在后端的服务器文件夹下（同域）。
web服务器： apache
一、跨域
在服务器配置站点：
在路径/home/www/ 下创建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/ 文件夹下，运行可浏览，当路径改变时，刷新会出现404错误。此时dist文件下创建一个.htaccess文件，当路径不存在时，路径指向能解决此问题。
RewriteEngine On
RewriteBase /
RewriteRule ^index\.html$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.html [L]
在/home/www/test文件夹下创建项目根目录php文件夹，将thinkphp文件放在php下。TP5的入口文件在public文件下，在这将public下的入口文件index.php挪到php文件夹下（个人习惯将入口文件放在项目根目录）, 后端绑定Index模块。
前端调用后端接口，存在跨域，跨域解决方法有好几种，在这我将在后端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;
}
}
前端调用登录接口： this.axios.post('', {user: '', password: ''})。
(可在webpack.base.conf.js文件下可定义接口：)
二、同域
后端配置同上，公共配置器中的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');
}
}
前端调用登录接口： this.axios.post('/index.php/base/login', {user: '', password: ''})
转自：
thinkphp怎么部署到ubuntu
1、开启服务
部分必需使用服务没有默认开启，必需开启后才能正常使用Thinkphp sae引擎，使网站正常工作。必需服务：MySql服务，用于mysql数据库存储数据、Strorage服务，用于存储上传文件销肆、Memcache服务，用于存储Thinkphp 缓存、KVDB，用于存储键值数据。根据网站需要开启相关服务，以上为常见的sae服务。
2、缓存清除
如果开启了调试输出trace，然后关闭了，但是网页还是显示trace信息，需要把网站的缓存数据删除后生效，点击Memcache服务，Memcache状态下选择清空即可，如果没有在sae上部署则是直接删除相关缓存文件。
3、原生sae服务
由于sae提供原生服务不能与其他环境兼容，为使网站移植性更好，应该尽量少直接使用原耐斗码生服务，可以选择使用Thinkphp中相应的方法来实现。sae禁止本地IO，所有直接操作本地IO的函数都失效，需要使用sae其他服务来实现，这点一定要注意。
4、代码上传
可以直接上传代码包到sae上，可以使用svn来上传代码
5、屏蔽index.php
在代码根目录下的config.yaml中加入以下代码即可
handle:
- rewrite: if(!is_dir() !is_file() path~"^(.*)$") goto "index.php/$1"呵呵以后毕竟是电脑的时代，可以自己看一下php语言编程一类的知识昌哪，以后总会有用的，我天天晚上去后盾人看视频，我觉得不错的。
如何在lnmp上部署Thinkphp
ThinkPHP的四种URL模式:0(普通迅亩模式);1(PATHINFO模式);2(REWRITE模式);3(兼容模式)
nginx需要PATHINFO模式，但需要更改nginx配置文件让其支持PATHINFO模式。
系统环境：
系统：CentOS-6.4-x86_64
web服务器：nginx1.2.7
PHP版本：PHP5.3.17
数据库版本：MySQL5.5.28
一、安装LNMP1.0一键安装包：
按照以上版本安装环境
二、修改配置文件
1.修改php配置文件php.ini，将其中cgi.fix_pathinfo = 0，值改为1
重启php-fpm
2.ssh里执行：
cat 拍昌樱 /usr/local/nginx/conf/pathinfo.conf 'EOF'
set $real_script_name $fastcgi_script_name;
if ($fastcgi_script_name ~ "(.+?\.php)(/.*)") {
set $real_script_name $1;
set $path_info $2;
}
fastcgi_param SCRIPT_FILENAME $document_root$real_script_name;
fastcgi_param SCRIPT_NAME $real_script_name;
fastcgi_param PATH_INFO $path_info;
EOF
再将虚拟主机配置文件里的location ~ .*\.(php|php5)?$ 替换为：location ~ .*\.php
再在include fcgi.conf; 下面添加一行include pathinfo.conf;
重启nginx
完整的虚拟主机配置文件如下：
server
{
listen 80;
server_name ;
index index.html index.htm index.php;
root /home/wwwroot/lnmp;
location ~ .*\.php
{
try_files $uri =404;
fastcgi_pass unix:/tmp/php-cgi.sock;
fastcgi_index index.php;
include fcgi.conf;
include pathinfo.conf;
}
location /status {
stub_status on;
access_log off;
}
location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
{
expires 30d;
}
location ~ .*\.(js|css)?$
{
expires 12h;
}
access_log /袭丛home/wwwlogs/lnmp.log lnmp;
}
将ThinkPHP的URL模式设置成PATHINFO。
ThinkPHP就可以在nginx中运行了。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
