在静态资源中使用//作为前缀

最新推荐文章于 2023-11-08 16:44:30 发布
最新推荐文章于 2023-11-08 16:44:30 发布
阅读量464 收藏
点赞数
文章标签： javascript 前端 运维 ViewUI
原文链接：https://my.oschina.net/xbding/blog/685799
版权

100703_vW98_1178214.png

在看阿里的网站中使用//作为所有资源的前缀， 虽然之前就知道了，这里做个记录。

// 表示使用 当前页面的scheme。如果当前网站使用了https的 则默认走https,如果是http的则默认使用http的。

当时纠结的是为什么他们的网站没有像我们平时使用  $path 这种相对路径， 一开始脑子短路，稍微想一下就知道这是使用了CDN加速， 优化网站速度了。 记录一下。

转载于:https://my.oschina.net/xbding/blog/685799

chongxiao2168
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue填坑之webpack run build 静态资源找不到的解决方法
10-18
在Vue.js开发中，我们经常会使用Webpack作为模块打包器，特别是在使用Vue CLI创建的项目中。在进行生产环境构建（`npm run build`）时，可能会遇到静态资源找不到的问题，导致浏览器控制台出现404错误。这通常是因为...
在Express中提供静态文件的实现方法
10-16
首先，`express.static`的基本用法是将包含静态资源的目录名作为参数传递给它。例如，如果你有一个名为`public`的目录，存储了所有静态文件，你可以这样设置： ```javascript app.use(express.static('public')); `...
静态资源的引用
七日之书
03-06 728
引用静态资源的时候（js、css、image），路径的前缀可以这样写 //cdn.xxx.js。这样的作用是：当网站即支持http又支持https的时候，资源的请求地址会自动保持与当前协议一致，省去了我们用location.protocol去判断。
Vue中的~（静态资源处理）
weixin_30908941的博客
03-18 1523
Webpacked 资源 首先要理解webpack是怎样处理静态资源的。 在*.vue组件中，所有的templates和css都会被vue-html-loader和css-loader解析，寻找资源的URL。 举个例子，在<img src="./logo.png">和background: url(./logo.png),"./logo.png"中，都是相对资源路径，都...
给 connect 的 static 模块加上url路径前缀
weixin_34144848的博客
07-14 186
估计我们使用 connect 都会很自然地按照官方的例子使用静态文件模块 static: var connect = require('connect'); connect( connect.static(__dirname), function (req, res) { res.writeHead(200, {'Content-Type': 'text/pl...
nginx 配置不同前缀打开不同的静态页面
weixin_42001360的博客
06-16 1060
location。
Vue 打包后静态资源加前缀，页面路由加前缀，修改静态资源访问路径
qq_27312237的博客
10-20 1万+
记录一下做过的需求，了解的不多，有不对的地方请指出，谢谢~ 需求是：同一个的服务的同个端口号，根据后面接着的内容不同访问不同的管理系统。 举个例子：http://127.0.0.1:8088/admin 访问的是A管理平台 http://127.0.0.1:8088/test 访问的是B管理平台。 这需要给页面路由,以及访问的静态资源加admin， test。并且配置好nginx。 因为vue-cli版本的不同，文件结构不同，加前缀的方法也不一样。 vue-cli2: 由于我用的是...
Nginx的伪静态配置中使用rewrite来实现自动补全的实例
09-30
Nginx是一款高性能的HTTP和反向代理服务器，常用于网站的负载均衡和静态资源处理。在处理动态内容时，为了提高效率和优化SEO，通常会进行伪静态配置。本篇将详细介绍如何在Nginx中利用`rewrite`指令实现自动补全功能...
vue-cli与webpack处理静态资源的方法及webpack打包的坑
08-27
本文将深入探讨这两者如何处理静态资源，以及在打包过程中可能遇到的问题。 首先，了解Vue-cli中处理静态资源的基本方法。在Vue项目中，我们通常有两个用于存储静态资源的目录：`src/assets` 和 `static/`。两者...
nginx 多个location转发任意请求或访问静态资源文件的实现
01-09
本篇文章将深入探讨如何使用多个`location`来转发任意请求或服务静态资源文件。 首先，我们来看一个基本的Nginx配置段： ```nginx server { listen 80; server_name localhost; # 监听以.txt结尾的URL，将这些...
VUE项目增加前缀访问(包括页面及静态资源)
最新发布
liutao_962464的博客
11-08 3963
vue项目前端加前缀(包括页面及静态资源)
vue项目 前端加前缀(包括页面及静态资源)
qq_20236937的博客
08-01 2546
vue项目 前端加前缀(包括页面及静态资源)
Koa框架静态资源访问：提供Web应用的静态文件服务
前端卷王小白的博客
05-19 1041
Koa框架,koa-static中间件,静态资源访问
前后端分离+Nginx+VUE路由实现访问路径加前缀
pengguoyang的博客
11-02 3491
通过前后端分离+nginx+vue路由解决vue项目访问路径加前缀
vue项目部署时路由加前缀
青山不改，绿水长流。
10-27 2067
1.在config / index 文件里修改dev(npm run dev本地启动项目时)和build(npm run build 打包时)下的 assetsPublicPath:”/前缀”2.在npm run build打好的dist包里 ，/dist/config/index.js文件中修改 [‘domain’]=“/前缀” 也可以。router.js里：export default new Router({ base:”/前缀" , })给路由加前缀：而且路由模式用的是hash，
nginx给静态资源配置前缀访问
weixin_44233841的博客
03-12 9553
做springboot程序时想动静分离，使用nginx管理用户上传的图片。但因为配置springboot的时候加了server.context-path=/prefix，导致访问图片地址自动加了前缀进行访问，xxx.xx.xx.xxx:80/prefix/uploadimg/imgcategory/xx.jpg，通过这样的地址来对图片进行访问。 网上nginx配置图片的参数，大致如下 locati...
解决webpack打包静态资源(样式)无法添加厂商前缀-webkit -moz -ms -o的问题
卓越无关环境，保持空杯心态——靡不有初，鲜克有终
02-23 3782
可以设置以下browserlist，现在webpack默认你的项目支持高版本浏览器，你给支持的浏览器版本设置低一点，就出来前缀了 我们在package.json里面加上如下内容重新打包运行就可以出来 "name":"lcy", "dependencies":{.....} // 加上下面的内容 "browserslist": [ "last 1 ve...
Spring Boot静态资源访问和配置全解析(看不懂你打我)
热门推荐
小洋人最happy的专栏
07-25 4万+
在web开发中，静态资源的访问时必不可少的，比如image、css、js等。SpringBoot对静态资源访问提供了很好的支持，使用其提供的基本默认配置基本可以满足开发需求，同时，又支持开发人员进行自定义配置。 一、默认静态资源映射规则 Spring Boot 默认将 / 所有访问映射到以下目录：** classpath:/static classpath:/public class...
通过url访问静态资源
java_xxxx的博客
07-24 7222
通过url访问资源 以前都是将静态页面写在了WEB-INF下面，然后在springmvc配置文件中配置视图解析器即可通过controller中的请求方法，跳转到其他页面 &lt;bean id="jspViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"&gt; ...
获取微服务项目中静态资源static中的图片路径怎么获取
05-31
在微服务项目中，获取静态资源 `static` 文件夹中的图片路径，可以使用 Spring Boot 中提供的 `ResourceLoader` 类。以下是示例代码： ```java import org.springframework.core.io.Resource; import org.springframework.core.io.ResourceLoader; import java.io.IOException; public class ImagePathUtil { private ResourceLoader resourceLoader; public ImagePathUtil(ResourceLoader resourceLoader) { this.resourceLoader = resourceLoader; } public String getImagePath(String imageName) throws IOException { Resource resource = resourceLoader.getResource("classpath:/static/" + imageName); return resource.getURI().toString(); } } ``` 在这个示例中，我们创建了一个 `ImagePathUtil` 工具类，它接受一个 `ResourceLoader` 对象作为构造函数的参数，并提供了一个 `getImagePath` 方法，以便获取 `static` 文件夹中的图片资源路径。 在 `getImagePath` 方法中，我们首先使用 `resourceLoader` 对象的 `getResource` 方法来获取指定图片资源的 `Resource` 对象。这个方法的参数是一个 `classpath:/static/` 前缀和图片资源的名称，它会返回一个表示该资源的 `Resource` 对象。 最后，我们使用 `Resource` 对象的 `getURI` 方法来获取图片资源的 URI，然后将其转换为字符串返回。 使用这个工具类，我们可以方便地获取 `static` 文件夹中的任何图片资源的路径。例如，如果我们要获取名为 `example.jpg` 的图片资源的路径，可以这样调用： ```java ImagePathUtil imagePathUtil = new ImagePathUtil(resourceLoader); String imagePath = imagePathUtil.getImagePath("example.jpg"); ``` 其中 `resourceLoader` 对象可以通过 Spring 的依赖注入机制来注入。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值