axiosphp
① query string、formData和request payload的区别，你真的知道吗
在前后端分离项目开发中，前后端数据传递的格式差异可能导致问题。前端向后端传输数据正确，但后端接收不到数据。原因在于数据格式不匹配，即前端使用的请求方式与后端接收数据的方式不一致。
当请求方式为 GET，前端通过 URL 的“问号传参”格式，即 query string Parameters，传递数据。例如，请求地址为 newsList.php，参数为 pageIndex 和 pageCount，则格式为 newsList.php?pageIndex=1&pageCount=10。在 Chrome 浏览器的 network 视图中，可以观察到 query string Parameters 的请求格式。
对于非 GET 请求，数据不在 URL 上，而位于请求体中。请求体分为 formData 和 request payload 格式，根据 content-type 的值来区分。
当 content-type 为 "application/x-www-form-urlencoded" 或 "multipart/form-data"，使用 formData 格式传递数据。反之，当 content-type 为 "text/plain" 或 "application/json"，使用 request payload 格式传递数据。
默认数据格式遵循以下规则：传统 ajax 请求时，Content-Type 默认为文本类型；传统 form 提交时，Content-Type 默认为 Form 类型（application/x-www-form-urlencoded）；axios 传递字符串时，Content-Type 默认为 Form 类型；axios 传递对象时，Content-Type 默认为 JSON 类型。
了解这些格式及默认设置，有助于避免数据传递中的错误，确保前后端数据的正确传输。
② php项目怎么部署到服务器(php项目怎么部署到服务器中)
使用php开发的项目必须部署在才能正常运行使用PHP开发的项目必须部署在Web服务器上才能正常运行。PHP是一种服务器端脚本语言，用于开发动态网站和Web应用程序。PHP脚本必须在Web服务器上运行，才能被解释和执行。因此，使用PHP开发的项目必须部署在Web服务器上才能正常运行。在部署PHP项目时，需要将PHP脚本文件和相关的资源文件上传到Web服务器上，并配置好Web服务器的环境和参数，以确保PHP脚本能够被正确解释和执行。常用的Web服务器包括Apache、Nginx等，可以根据具体需求选择合适的Web服务器进行部署。需要注意的是，部署PHP项目时需要考虑安全性和性能等因素，以确保项目的稳定性和可靠性。
php项目如何部署？？首先是要对数据结构进行规划，然后根据项目大小决定是否用php框架或模板技术，之后就是后台功能开发，最后再把数据在前台展示出来；这只是基本步骤，真正实施起来，涉及的东西是很多的，要注意的细节也很多
Thinkphp5项目在nginx服务器部署1，切换到nginx的配置目录，找到nginx.conf文件
????cd?/usr/local/nginx/conf
??vim?nginx.conf
2，如果是单项目部署的话，只需要在nginx.conf文件里面加上以下
server{
????????listen80;
????????#域名，本地测试可以使用127.0.0.1或localhost
????????server_name;
????????#php项目根目录
????????root/home/data-www/blog;
????????location/{
????????????????#定义首页索引文件的名称
????????????????indexindex.phpindex.htmlindex.htm;
???????????????#影藏入口文件
???????????????if(-f$request_filename/index.html){
????????????????????????????rewrite(.*)$1/index.htmlbreak;
????????????????}
????????????????if(-f$request_filename/index.php){
????????????????????????????rewrite(.*)$1/index.php;
????????????????}
????????????????if(!-f$request_filename){
????????????????????????????rewrite(.*)/index.php;
????????????????}
????????????????try_files$uri$uri//index.php?$query_string;
????????}
????????#PHP脚本请求全部转发到FastCGI处理.使用FastCGI协议默认配置.
????????#Fastcgi服务器和程序(PHP)沟通的协议
????????.location~.*.php${
????????????????#设置监听端口
????????????????fastcgi_pass127.0.0.1:9000;
????????????????#设置nginx的默认首页文件
????????????????fastcgi_indexindex.php;
????????????????#设置脚本文件请求的路径
????????????????fastcgi_paramSCRIPT_FILENAME$document_root$fastcgi_script_name;
????????????????#引入fastcgi的配置文件
????????????????includefastcgi_params;
???????????????fastcgi_split_path_info^(.+?.php)(/.*)$;
????????????????set$path_info$fastcgi_path_info;
????????????????fastcgi_paramPATH_INFO$path_info;
????????????????try_files$fastcgi_script_name=404;
????????}
}
3，如果多项目部署，就需要配置vhost
第一步：编辑nginx.conf文件，在最后加上???include??vhost/*.conf;
第二步：进入vhost文件夹，创建??域名.conf??文件，如创建一个：quanma.meyat.com.conf
第三步：编辑quanma.meyat.com.conf文件，内容如下：
????????server
????????{
????????????????listen80;
????????????????server_namequanma.meyat.com;
????????indexindex.htmlindex.htmindex.phpdefault.htmldefault.htmdefault.php;
????????????????root/data/wwwroot/default/quanma/public/;
????????????????#error_page404/404.html;
????????????????location/{
????????????????????????indexindex.htmlindex.php;
????????????????????????if(-f$request_filename/index.html){
????????????????????????????????rewrite(.*)$1/index.htmlbreak;
????????????????????????}
????????????????????????if(-f$request_filename/index.php){
????????????????????????????????rewrite(.*)$1/index.php;
????????????????????????}
????????????????????????if(!-f$request_filename){
????????????????????????????????rewrite(.*)/index.php;
????????????????????????}
????????????????????????try_files$uri$uri//index.php?$query_string;
????????????????}
????????????????location~[^/].php(/|$)
????????????????{
????????????????????????#commenttry_files$uri=404;toenablepathinfo
????????????????????????#try_files$uri=404;
????????????????????????fastcgi_pass127.0.0.1:9000;
????????????????????????fastcgi_indexindex.php;
????????????????????????includefastcgi_params;
????????????????????????fastcgi_paramSCRIPT_FILENAME$document_root$fastcgi_script_name;
????????????????????????fastcgi_split_path_info^(.+?.php)(/.*)$;
????????????????????????set$path_info$fastcgi_path_info;
????????????????????????fastcgi_paramPATH_INFO$path_info;
????????????????????????try_files$fastcgi_script_name=404;
????????????????????????#includefastcgi.conf;
????????????????????????#includepathinfo.conf;
????????????}
????????????location~.*.(gif|jpg|jpeg|png|bmp|swf)$
????????????{
????????????????????expires30d;
????????????}
????????????location~.*.(js|css)?$
????????????{
????????????????????expires12h;
????????????}
????????????#Disallowaccessto.ht,.svn,.bzr,.git,.hg,.cvsdirectories
????????????location~/.(ht|svn|bzr|git|hg|cvs){
????????????????????denyall;
????????????}
????????????#access_log/date/nginx/bmp.com.conf/access.logmain;
}
服务器上怎么安装php程序你好，如果你的服务器是Windows系统，那么你需要远程到你的服务器，进行启动IIS（asp环境），如果你需要php环境，你可以从xp.cn（小皮）或者bt.cn（宝塔）安装面板
如果你的服务器是linux，建议使用宝塔
打开终端，不同Linux系统的输入指令不同：
Centos安装脚本
终端输入：yuminstall-ywgetwget-Oinstall.shshinstall.sh
Ubuntu/Deepin安装脚本
终端输入：wget-Oinstall.shsudobashinstall.sh
Debian安装脚本
终端输入：wget-Oinstall.shbashinstall.sh
Fedora安装脚本
终端输入wget-Oinstall.shbashinstall.sh
输入后进行安装就可以了
php项目如何部署在服务器上一、阿里ECS服务器配置
???1.因为线上已经有几个站点了.所以要配置ngnix多站点
???2.阿里云ecs目录结构，ngxin在/etc/nginx/目录下，配置的地方主要是nginx.config文件。或者在conf.d新建一个配置文件然后在include到nginx.config文件中
?????
???3.nginx.config新建站点信息
server{
listen???80;
server_name?www.你的域名.com;
root????站点的相对路径;
indexindex.phpindex.htmlindex.htm;
#charsetkoi8-r;
#access_log?/var/log/nginx/host.access.log?main;
#.
include/etc/nginx/default.d/*.conf;
location/{
#try_files$uri$uri//index.php;
root?/opt/www/pcweb/ytyy_pc;
index?index.phpindex.htmlindex.htm;???????if(!-e$request_filename){?rewrite?^(.*)$/index.php?s=$1?last;?break;??}}??????url重写（可以没有）
#/40x.html
#
error_page?404???????/404.html;?40错误页面配置
location=/40x.html{
}
#/50x.html
#
error_page?500502503504?/50x.html;?50错误页面配置
location=/50x.html{
}
location~.php${
root?????站点相对路径;
fastcgi_pass?127.0.0.1:9000;
fastcgi_index?index.php;
fastcgi_param?SCRIPT_FILENAME?$document_root$fastcgi_script_name;
include????fastcgi_params;
}
location~/.ht{
deny?all;
}
}
配置文件的基本内容如上；
配置完成后测试配置文件是否正确
这样配置就可以使用了
然后重启nginx服务器?
这样nginx配置就结束了可以使用了。吧站点文件放到对应的目录下面。我直接gitclone过去的。
二.thinkphp项目文件转移
本来以为上传完就结束了。上传上去碰到的第一个问题就是访问页面报错，页面被电信的114页面劫持了。。。麻蛋看不到报错
万能网络大法
解决方法1.internet高级选项-隐私-站点??新加阻止站点
解决方法2：控制面板-网络和internet-本地连接-属性-ipv4?使用如下ip
终于搞定可以看到报错页面了。。。。。。麻蛋。再次开启万能网络大法
?
?
?得到最终结论是文件目录权限引起的。thinkphp的runtime目录没有写入权限。。thinkphp文件上传到阿里的好像都有这个问题。解决问题很简单
进入到项目文件目录
直接跟文件最高权限
chmod-R777[目录]?//linux修改文件权限
?
前端vue与后端Thinkphp在服务器的部署
vue在服务端部署时，我们都知道通过npmrunbuild指令打包好的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?appindexcontroller;??
use?thinkController;??
class?Index?extends?Controller??
{??
????public?function?index()?{??
$this-redirect('/index.html');??
????}??
}??
前端调用登录接口：this.axios.post('/index.php/base/login',{user:'',password:''})
转自：
③ axios+post方法提交formdata步骤详解
这次给大家带来axios+post方法提交formdata步骤详解，axios+post方法提交formdata的注意事项有哪些，下面就是实战案例，一起来看一下。
vue框架推荐使用axios来发送ajax请求，之前我还写过一篇博客来讲解如何在vue组件中使用axios。但之前做着玩用的都是get请求，现在我自己搭博客时使用了post方法，结果发现后台（node.js）完全拿不到前台传来的参数。后来进过一番探索，终于发现问题所在。
post提交数据的四种编码方式
1.application/x-www-form-urlencoded
这应该是最常见的post编码方式，一般的表单提交默认以此方式提交。大部分服务器语言对这种方式都有很好的支持。在PHP中，可以用$_POST[“key”]的方式获取到key的值，在node中我们可以使用querystring中间件对参数进行分离
app.post("/server"function(req,res){ req.on("data"function(data){ let key=querystring.parse(decodeURIComponent(data)).key; console.log("querystring:"+key) });});
2.multipart/form-data
这也是一种比较常见的post数据格式，我们用表单上传文件时，必须使form表单的enctype属性或者ajax的contentType参数等于multipart/form-data。使用这种编码格式时发送到后台的数据长得像这样子
不同字段以--boundary开始，接着是内容描述信息，最后是字段具体内容。如果传输的是文件，还要包含文件名和文件类型信息
3.application/json
axios默认提交就是使用这种格式。如果使用这种编码方式，那么传递到后台的将是序列化后的json字符串。我们可以将application/json与application/x-www-form-urlencoded发送的数据进行比较
首先是application/json：
接着是application/x-www-form-urlencoded：
这里可以明显看出application/x-www-form-urlencoded上传到后台的数据是以key-value形式进行组织的，而application/json则直接是个json字符串。如果在处理application/json时后台还是采用对付application/x-www-form-urlencoded的方式将会产生问题。
例如后台node.js依然采用之前对付application/x-www-form-urlencoded的方法，那么querystring.parse(decodeURIComponent(data))之后得到的数据是这样子的
这个时候再querystring.parse(decodeURIComponent(data)).key只能获取到undefined
4.text/xml
剩下的一种编码格式是text/xml，这种格式我没有怎么使用过
解决方法
既然我们知道axios post方法默认使用application/json格式编码数据，那么解决方案就有两种，一是后台改变接收参数的方法，另一种则是将axios post方法的编码格式修改为application/x-www-form-urlencoded，这样就不需要后台做什么修改了。
先来看第一种解决方法
vue组件中，axios发送post请求的代码如下
this.$axios({ method:"post" url:"/api/haveUser" data:{ name:this.name, password:this.password }}).then((res)=>{ console.log(res.data);})
此时控制台Network Headers里面的信息是这样子的
后台接收数据需要依赖body-parser中间件，我们事先装好，接着在后台代码中引用body-parser
这张截图中，发挥作用的代码仅仅是const bodyParser=require("body-parser");
接下来在路由中使用body-parser
app.post("/api/haveUser"bodyParser.json(),function(req,res){ console.log(req.body); let haveUser=require("/api/server/user.js"); haveUser(req.body.name,req.body.password,res);});
这时，当前台发送post请求之后，后台控制台中就会打印出req.body
这时，通过req.body.name或者req.body.password就能拿到对应的值。
这种方法比较简单，也不需要前台做过多修改，推荐使用这种方法。
第二种解决方法，具体操作如下
前端
this.$axios({ method:"post" url:"/api/haveUser" headers:{ 'Content-type' 'application/x-www-form-urlencoded' }, data:{ name:this.name, password:this.password }, transformRequest: [function (data) { let ret = '' for (let it in data) { ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&' } return ret }],}).then((res)=>{ console.log(res.data);})
其中发挥关键作用的是headers与transformRequest。其中 headers 是设置即将被发送的自定义请求头。 transformRequest 允许在向服务器发送前，修改请求数据。这样操作之后，后台querystring.parse(decodeURIComponent(data))获取到的就是类似于{ name: 'w' password: 'w' }的对象。
后台代码如下
app.post("/api/haveUser"function(req,res){ let haveUser=require("/api/server/user.js"); req.on("data"function(data){ let name=querystring.parse(decodeURIComponent(data)).name; let password=querystring.parse(decodeURIComponent(data)).password; console.log(name,password) haveUser(name,password,res); });});
这种方法明显就要比第一种麻烦一点，但不需要后台做过多处理。所以具体操作还是得根据实际情况决定。