网页上传服务器后 加载不了js css 和图片 求大神

网页上传服务器后 加载不了js css 和图片 求大神,第1张

如果是出不来,得确定下img上的src 的路径,路径分为绝对路径和相对路径两种,因此路径不对可能会导致出不来,当然这个路径不仅仅只是针对src,好包括样式里的路径以及css/js引入的路径

1、服务器首先要配置环境,安装tomcat、apache,或者wampserver集成环境,安装好后浏览器访问下服务器ip地址,能看到配置成功的欢迎首页,即可。
2、上传代码要将代码放在在apache的webapps里面,可使用ftp之类的工具,或者直接复制粘贴(服务器和虚拟机不同),
3、域名解析,要在你申请的服务器里控制台,选择管理该服务器,然后有域名解析的选项。
具体 *** 作,可以百度、

本文章前端代码是基于vue+webpack开发的

Nginx是一款轻量级的Web 服务器/反向代理服务器

首先,webpack配置如下

在开发过程中,我们是通过npm run dev在开发环境中运行代码
如果要部署到生产环境中,可以运行npm run build进行上线打包

打包完成后,会发现项目中多了dist这个文件夹

执行结果和webpack的配置文件一致。

代码被webpack打包完成后下一步就是部署到服务器上,此文仅适合于前端代码是部署在windows *** 作系统的nginx服务中。
这里假设:
Windows *** 作系统:windows server 2008 64位
Nginx服务:nginx-1122 64位

1下载nginx-1122 64位解压,假设nginx-1122放在D:nginx-1122目录中,nginx目录结构。如图下

2、前端代码放在D:nginx-1122html目录中,dist目录就是刚刚前端打包完的代码。如图下

3、在D:nginx-1122conf目录中,有个nginxconf配置文件,进行编辑这个文件


4、假设前端的端口号为8082,如果端口号被占用,请修改为其它端口号。后台服务访问地址>

5、打开cmd控制台,进入目录D:nginx-1122中,用start nginx命令启动服务,然后用tasklist /fi "imagename eq nginxexe",查看nginx服务是否启动。

4、如果改变配置文件时,需要用nginx -s reload 命令重启nginx工作进程。

5、关闭服务
nginx -s stop 
nginx -s quit 安全关闭 
taskkill /F /IM nginxexe > nul 关闭所有nginx服务

是。前端和后端之所以需要对接,是因为前端页面只负责提供视图没有内容,而后端只提供内容,两者所谓的对接,就是把后端的内容放在前端页面预留出来的位置上。虽然说是前端后端,但这一对接实际发生在服务器端。

解决的问题:当前端并发上传大量文件至服务器时,服务器带宽存在瓶颈,会影响上传速度

解决方案:使用STS临时访问凭证访问OSS

流程:

根据不同项目使用情况,向公司OSS管理员(杨坤)提供bucket信息,申请权限。具体包含以下内容:

前端在发起文件上传请求前,判断是否接近过期时间或已超过过期时间,并及时刷新临时访问凭证。

可以这样子。转为base64数据后就是一段字符串,POST上传就好了。
但是一般不会采用这种方案,因为
1Base64要求把每三个8Bit的字节转换为四个6Bit的字节(38 = 46 = 24),然后把6Bit再添两位高位0,组成四个8Bit的字节,也就是说,转换后的数据理论上将要比原来的大1/3,消耗流量,浪费空间。
2你转化为Base64之后怎么存储呢?存储在数据库吗?那又要多支付访问数据库的开销。存储为文件吗?那又要转换回来,也是增加了解析转换的开销。
3浏览器的兼容问题,IE 8 以下不支持 data url,IE 8 开始支持 data url,却有大小限制。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/12854966.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-28
下一篇 2023-05-28

发表评论

登录后才能评论

评论列表(0条)