前端如何访问服务器本地文件

如何把做好的前端网页上传到服务器上,让别人可以像浏览网络、新浪等各...

1、远程登录到自己的服务器，进入到存放网页的根目录。我用的是阿里云服务器Ubuntu104版本，根目录路径为/var/www/html。

2、打开要在Dreamweaver中上传的本地站点，如图所示。要确保成功上传，请将主页的名称更改为“index”。，如图所示。将站点视图由本地视图切换至远程服务器视图，具体如图所示。点击“添加服务器”，如图所示。

3、购买服务器：选择一家可靠的服务器提供商，购买适合自己网站需求的服务器。配置服务器环境：根据自己网站的技术需求，配置服务器环境，如安装操作系统、Web服务器、数据库等。

4、在网络搜索“FTP8”并点击下面的网络软件中心进行下载。下载安装之后，打开FTP8软件，界面如下图：在ftp8软件里面输入服务器IP、账号、密码（如果不知道就询问服务器提供商），然后点击连接按钮。

1进入到nginx配置目录：/usr/local/nginx/conf，对nginx.conf文件进行配置使用include可以配置多个.conf文件，如一个项目一个配置文件。

打包完成后，会发现项目中多了dist这个文件夹执行结果和webpack的配置文件一致。代码被webpack打包完成后下一步就是部署到服务器上，此文仅适合于前端代码是部署在windows操作系统的nginx服务中。

要使前端正常调用后端数据，有两种方法：前端跨域调用后端数据，前端打包文件部署在后端的服务器文件夹下（同域）。

thinkphp作为服务端，为客户端提供数据。而Vue是客户端的一个JavaScript框架。便于我们对页面进行处理。一般情况下，vue通过异步请求来获取数据。由于实例化vue时已经将相关的变量、模板等定义好了。

解决方法2：控制面板-网络和internet-本地连接-属性-ipv4使用如下ip终于搞定可以看到报错页面了。。麻蛋。再次开启万能网络大法得到最终结论是文件目录权限引起的。thinkphp的runtime目录没有写入权限。

主要就是给nginx加权限，vue部署后使用history路由时会去掉地址后面的‘#’号，打包部署后不加权限会有bug。

可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。

服务器购买，端口开放不再多讲文件的上传使用Xftp。

Ⅱ 手机怎么访问电脑本地服务器

手机访问电脑的本地网站或者服务器

最近开始转向移动开发方向，因此对于一个移动开发的前端来说，使用各种真机来进行自己网站或者系统的界面进行针对性的调试就显的尤为重要了。因此，会经常通过电脑开启一个wifi来供手机进行连接，形成一个小的局域网，然后就通过局域网的ip地址（查询ip地址，cmd——》ipconfig）,通过ip地址来进行自己本地服务器中的项目访问。本以为这种小case的东西可以分分钟搞定，可是，可是，可是偏偏就出现了无妨访问的情况。如下图所示：