服务器使用WDCP面板添加网站避坑指南 事件场景最近需要给boass添加www.boass.com域名进行直接访问，而不是通过www.boass.com跳转到boass.hopo.com.cn进行访问，添加完成后，达到两个域名都可访问boass的目的。解决的方案是取消www.boass.com解析到boass.hopo.com.cn，而改为解析到120.25.xxx.xxx正式环境服务器，同时下载SSL证书，然后通过服务器的WDCP面板新增www.boass.com域名，上传证书，并且把网站目录指向跟boass.hopo.com.cn一致。操作过程遇到的问题以及解决办法（针对前端项目）问题一：网站添加完成后，访问内容变成了WDCP默认页面的内容原因：新增网站时，WDCP面板会使用默认的index.html文件替换掉已经存在于指定文件夹中的index.html文件，因此会导致开发人员所写的index.html文件被覆盖，访问内容变成了WDCP面板默认的内容。解决办法：新增网站前，如果指定目录中已存在index.html文件，则先备份好，添加好网站后再恢复。或者添加好网站后，再将源代码重新部署到指定文件夹。问题二：新增网站后，导致其它域名配置文件丢失原因：如果当前新增的网站指向的目录与已存在的网站所指向目录一致时，会导致已存在网站的配置文件丢失(域名.conf)，这应该是WDCP面板的问题。解决办法：使用WDCP面板添加网站后，会在/www/wdlinux/nginx/conf/vhost目录生成两个配置文件，一个是conf后缀，另一个wdcp后缀，丢失的是起作用的conf后缀文件，需要基于wdcp后缀的文件重新复制一份与域名名称一致并以conf为后缀的文件（将wdcp后缀文件去掉就是正确的名称），然后重启Nginx服务（service nginxd restart）。问题三：添加网站（或解决配置文件丢失）后，访问域名返回503错误原因：相关网站配置文件location中的try_files指令配置错误，如下location / { try_files $uri @apache; }或location / { try_files $uri $uri/ /?$args; }具体原因可网上搜索Nginx关于try_files指令相关说明，导致了需要手动在域名后输入index.html才能进行访问，不然会返回503错误。解决办法：需要将conf文件中location部分配置成如下内容方可解决问题。location / { try_files $uri $uri/ /index.html; }问题四：将网站删除后重新添加，网站访问异常或者SSL证书不生效原因：这种情况下，WDCP需要重启Nginx服务才能生效解决办法：重启Nginx，目前105服务器重启命令为：service nginxd restart总结使用WDCP添加网站时，如果网站目录指向与已存在网站所指向的目录一致，建议提前备份配置文件；添加前端项目的网站时，需要注意避免index.html入口文件被覆盖的问题；修改相关配置文件后不生效，考虑重启Nginx服务。

HTML打印显示在一行的内容被自动换行的解决办法 在HTML最外层div加上样式style="display: inline;"

使用jQuery进行ajax请求报错：Maximum call stack size exceeded 相关代码如下：function search_params() { return { client_name:$("#client_name"), time:$("#time").val(), }; } //获取反馈列表 function get_feedback_list(page = 1) { let url = '/api_store_admin/feedback_list'; let data = search_params(); data.page = page; $.post(url, data, function(e){ if (e.errorCode == 0) { render_list(e.data); // console.log(e.data); }else{ alert(e.errorMessage); } }); } get_feedback_list();错误原因：提交的参数中有HTML元素，获取client_name值时，写漏了.val()，导致出现错误。解决办法：将$("#client_name")改成$("#client_name").val()。

pjax点击a标签整个页面刷新而不是局部刷新问题 原因：a标签的data-pjax属性的div没有闭合，例如<a href="/order_admin/order_list" data-pjax="main"><li class='order_list <?php if (isset($active) && $active == 'order_list') {echo "active";}?>'><span>订单列表</span></li></a>id或class为main的标签没有闭合<div class='main' id='main'>解决办法：给标签加闭合<div class='main' id='main'> </div>

jQuery常用操作 获取radio选择值$("input[name=rd]:checked").val();判断checkbox是否选中$("input[name=category_type]").is(":checked")根据value值设置radio选中$("input[name=article_type][value=2]").prop('checked','checked');设置select选中option$("#name").val(1);

使用xhr上传文件并显示进度条代码 //利用formdata上传文件 function upload() { //检查是否已经选择文件 var str = document.getElementById('file').value.length; if(str==0){ alert("您没有选择任何文件,请点击“选择文件”进行选取！"); return false; }else{ //创建formdata对象 var fd = new FormData(); fd.append("file",$("#file")[0].files[0]); var xhr = new XMLHttpRequest(); //文件传输时事件 xhr.upload.onprogress = function (event) { if(event.lengthComputable){ var percent = Math.round(event.loaded*100 / event.total); console.log('%d%',percent); $("#progress").css("width",percent+"%"); $("#progress").text(percent+"%"); } }; //文件开始传输时事件 xhr.onloadstart = function (event) { $('#mymodal').modal("show"); $("#closeprogress").hide(); $("#stop").one("click",function () { xhr.abort(); }) loading(false); }; //文件上传完成时事件 xhr.onload = function (event) { $(".info").text(xhr.responseText); $("#closeprogress").show(); $("#stop").hide(); }; //发生错误时触发的事件 xhr.onerror = function (event) { $(".info").text("上传发生错误，请重试！"); } //ajax被取消时触发的事件 xhr.onabort = function (event) { $(".info").text("用户已终止"); $("#closeprogress"​).show(); } //发送请求 xhr.open("post","receive.php",true); xhr.send(fd); } }