国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

spring boot項(xiàng)目資源跳轉(zhuǎn),及引入js、css和a標(biāo)簽,ajax等的路徑問(wèn)題

這篇具有很好參考價(jià)值的文章主要介紹了spring boot項(xiàng)目資源跳轉(zhuǎn),及引入js、css和a標(biāo)簽,ajax等的路徑問(wèn)題。希望對(duì)大家有所幫助。如果存在錯(cuò)誤或未考慮完全的地方,請(qǐng)大家不吝賜教,您也可以點(diǎn)擊"舉報(bào)違法"按鈕提交疑問(wèn)。

1、請(qǐng)求轉(zhuǎn)發(fā)的路徑問(wèn)題

請(qǐng)求轉(zhuǎn)發(fā)是服務(wù)器內(nèi)部資源的一種跳轉(zhuǎn)方式,即當(dāng)瀏覽器發(fā)送請(qǐng)求訪問(wèn)服務(wù)器中
的某一個(gè)資源(A)時(shí),該資源將請(qǐng)求轉(zhuǎn)交給另外一個(gè)資源(B)進(jìn)行處理并且由資
源B做出響應(yīng)的過(guò)程,就叫做請(qǐng)求轉(zhuǎn)發(fā)。
springboot引入js,java,spring boot,javascript,css
請(qǐng)求轉(zhuǎn)發(fā)的特點(diǎn):
springboot引入js,java,spring boot,javascript,css
請(qǐng)求轉(zhuǎn)發(fā)實(shí)現(xiàn):

request.getRequestDispatcher(url地址/轉(zhuǎn)發(fā)到資源的地址).forward(req, res);
//從當(dāng)前Servlet轉(zhuǎn)發(fā)到 index.jsp(http://localhost/day10/index.jsp) 
//request.getRequestDispatcher("/index.jsp").forward(request, response); 
request.getRequestDispatcher("index.jsp").forward(request, response);

spring mvc的轉(zhuǎn)發(fā)

/* 測(cè)試請(qǐng)求轉(zhuǎn)發(fā)(forward) */ 
@RequestMapping("testForward") 
public String testForward(){ System.out.println("測(cè)試請(qǐng)求轉(zhuǎn)發(fā)(forward)..."); 
return "forward:hello"; 
//return "forward:/hello"; 
}

可以看出轉(zhuǎn)發(fā)路徑前面加不加“/”都可以,這是因?yàn)槭欠?wù)器內(nèi)部資源的跳轉(zhuǎn),路徑是從后面拼接而來(lái)的。

2、重定向的路徑問(wèn)題

當(dāng)瀏覽器向服務(wù)器發(fā)請(qǐng)求訪問(wèn)某一個(gè)資源A,資源A在響應(yīng)時(shí)通知瀏覽器需要再
進(jìn)一步請(qǐng)求才能獲取到對(duì)應(yīng)的資源,瀏覽器再次發(fā)請(qǐng)求訪問(wèn)服務(wù)器中的資源B,最終
由資源B響應(yīng)瀏覽器要獲取的資源,這個(gè)過(guò)程叫做重定向。
springboot引入js,java,spring boot,javascript,css
重定向的特點(diǎn):
springboot引入js,java,spring boot,javascript,css

springboot引入js,java,spring boot,javascript,css
實(shí)現(xiàn)代碼:

response.sendRedirect(所重定向到資源的URL地址);
//測(cè)試1: 從當(dāng)前Servlet(day10/TestRedirect)重定向到day10/index.jsp 
// http://localhost/day10/TestRedirect
// http://localhost/day10/index.jsp 
response.sendRedirect( "http://localhost/day10/index.jsp" ); 
response.sendRedirect( "/day10/index.jsp" ); 
response.sendRedirect( "/index.jsp" ); //錯(cuò)誤路徑 localhost/index.jsp
response.sendRedirect( "index.jsp" ); //正確路徑 
//測(cè)試2: 從當(dāng)前Servlet重定向到day09/index.jsp 
response.sendRedirect( "http://localhost/day09/index.jsp" ); 
//測(cè)試3: 從當(dāng)前Servlet重定向到百度首頁(yè) 
response.sendRedirect( "http://www.baidu.com" );

springboot實(shí)現(xiàn)重定向

/* 測(cè)試請(qǐng)求重定向(redirect) */ 
@RequestMapping("testRedirect") 
public String testRedirect(){ 
System.out.println("測(cè)試請(qǐng)求重定向(redirect)...");
 return "redirect:hello"; 
// return "redirect:/hello"; 可能報(bào)錯(cuò)
 }

可以看出重定向路徑前面加“/”是可能會(huì)報(bào)錯(cuò)的,這是因?yàn)槭莾纱握?qǐng)求,可能是不同服務(wù)器之間的資源跳轉(zhuǎn),如果前面加上“/”,會(huì)從絕對(duì)目錄下拼接,就會(huì)出現(xiàn)下面的錯(cuò)誤
url:http://localhost:8080/DataShow/logout

@RequestMapping("/logout") 
public String testRedirect(){ 
System.out.println("測(cè)試請(qǐng)求重定向(redirect)...");
 return "redirect:/login"; 

springboot引入js,java,spring boot,javascript,css
springboot引入js,java,spring boot,javascript,css
redirect:/login,如果加了“/”
可以看出重定向的路徑是直接從絕對(duì)路徑(/localhost:8080/)后面拼接的,而不是從項(xiàng)目的根目錄(/localhost:8080/DataShow)后面拼接的。如果springboot配置文件是這樣,不會(huì)報(bào)錯(cuò),或者去掉login前面”/"或者改為“./”。

server:
  port: 8080
  servlet:
    context-path: /

3、springboot的html引入js、css

先看看配置文件

# 端口配置
server:
  port: 8080
  servlet:
    context-path: /DataShow

url:http://localhost:8080/DataShow/
引入js、css路徑

<link rel="stylesheet" type="text/css"
	href="/static/bootstrap-3.3.4/css/bootstrap.css">
	<script src="/static/hhassets/js/jquery.min.js"></script>

可以看出是以“/"開(kāi)始的,加載后,是直接從(localhost:8080/)后面拼接的,會(huì)報(bào)錯(cuò),我們需要從/**localhost:8080/DataShow/**后面拼接,給前面“/”加個(gè)點(diǎn)“./”或者去掉前面的“/”,就不會(huì)報(bào)錯(cuò)或者配置文件url改為“/”。
springboot引入js,java,spring boot,javascript,css

springboot引入js,java,spring boot,javascript,css

<link rel="stylesheet" type="text/css"
	href="./static/bootstrap-3.3.4/css/bootstrap.css">
<script src="./static/hhassets/js/jquery.min.js"></script>

4、a標(biāo)簽路徑

先看配置文件

# 端口配置
server:
  port: 8080
  servlet:
    context-path: /DataShow

url:http://localhost:8080/DataShow/

 <a href="/index" class="a-access">
			<button class="button type1">進(jìn)入后臺(tái)</button>
		</a>

springboot引入js,java,spring boot,javascript,css

可以看出路徑前面有“/”,點(diǎn)擊進(jìn)入后臺(tái),url變?yōu)椋?strong>http://localhost:8080/index,可以看出是從localhost:8080后面拼接的,而我們需要給前面“/”加個(gè)點(diǎn)“./”或者去掉前面的“/”,就不會(huì)報(bào)錯(cuò)或者配置文件url改為“/”。
server:
port: 8080
servlet:
context-path: /

5、總結(jié)

./ 表示當(dāng)前目錄,可以省略
…/ 表示父級(jí)目錄。
…/…/ 表示上級(jí)目錄的父級(jí)目錄。
/ 表示 根目錄。

當(dāng)我們進(jìn)行重定向,引入js、css或者a標(biāo)簽等的路徑前面加上斜杠“/”的時(shí)候,是表示從根目錄(ip:端口)后面進(jìn)行拼接的,所以我們需要將項(xiàng)目訪問(wèn)路徑配置為/localhost:8080這種類(lèi)型?;蛘呶覀冃薷哪夸浡窂剑?/ …/ …/…/)來(lái)達(dá)到訪問(wèn)路徑:redirect:hello,(/localhost:8080/DataShow/static/hhassets/js/jquery.min.js)

如果controllerurl是:/localhost:8080/DataShow/index/
那么引入的js、css 就是前面兩個(gè)點(diǎn):…/static/…

url組成:請(qǐng)求協(xié)議://ip(域名):端口/項(xiàng)目名(web應(yīng)用)/…
所以說(shuō),我們?nèi)绻丝诤竺娓隧?xiàng)目名,那些從根目錄(也就是“/”開(kāi)頭)下訪問(wèn)的url就是會(huì)報(bào)錯(cuò)的,因?yàn)橐浴?”開(kāi)頭拼接在端口后面。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-616345.html

到了這里,關(guān)于spring boot項(xiàng)目資源跳轉(zhuǎn),及引入js、css和a標(biāo)簽,ajax等的路徑問(wèn)題的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來(lái)自互聯(lián)網(wǎng)用戶投稿,該文觀點(diǎn)僅代表作者本人,不代表本站立場(chǎng)。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如若轉(zhuǎn)載,請(qǐng)注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實(shí)不符,請(qǐng)點(diǎn)擊違法舉報(bào)進(jìn)行投訴反饋,一經(jīng)查實(shí),立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費(fèi)用

相關(guān)文章

  • 解決引入spire.doc.free-3.9.0.jar導(dǎo)致spring boot項(xiàng)目無(wú)法使用maven的install問(wèn)題

    解決引入spire.doc.free-3.9.0.jar導(dǎo)致spring boot項(xiàng)目無(wú)法使用maven的install問(wèn)題

    問(wèn)題背景: 在一個(gè)項(xiàng)目中需求中需要導(dǎo)出一個(gè)word模板,那之前有做過(guò)一個(gè)這個(gè)類(lèi)似需求,這次使用的是freemarker模版。在引入spire.doc.free-3.9.0.jar依賴(lài)的時(shí)候發(fā)現(xiàn)maven依賴(lài)報(bào)紅色,懸浮提示aliyun找不到改包,沒(méi)有太在意這個(gè)部分,本地能夠正常使用。本地倉(cāng)庫(kù)存在這個(gè)jar包,并

    2024年02月15日
    瀏覽(38)
  • 引入Bootstrap的CSS樣式后,<h>標(biāo)簽、<p>標(biāo)簽等HTML自帶的標(biāo)簽被覆寫(xiě)沒(méi)有?答:覆寫(xiě)了。

    引入Bootstrap的CSS樣式后,<h>標(biāo)簽、<p>標(biāo)簽等HTML自帶的標(biāo)簽被覆寫(xiě)沒(méi)有?答:覆寫(xiě)了。

    引入Bootstrap的CSS樣式后,標(biāo)簽、 標(biāo)簽等HTML自帶的標(biāo)簽被覆寫(xiě)沒(méi)有?答:覆寫(xiě)了。 為什么這么說(shuō)?證據(jù)呢? 寫(xiě)一個(gè)實(shí)例,然后調(diào)試模式看一下不就得了。 先看沒(méi)有引入引入Bootstrap的CSS樣式情況。 代碼如下: 我們用瀏覽器打開(kāi)上面的代碼,然后F12進(jìn)入調(diào)試模式,發(fā)現(xiàn)h1的樣式如

    2024年02月09日
    瀏覽(19)
  • spring boot 引入hive

    在Spring Boot中使用Hive,需要引入以下依賴(lài): 然后,在 application.properties 中配置Hive相關(guān)信息: 其中, fs.defaultFS 指定HDFS的地址, hive.metastore.uri 指定Hive的元數(shù)據(jù)服務(wù)地址。 使用Hive可以通過(guò)以下方式: 其中, HiveConf 可以從Spring容器中自動(dòng)注入。在這個(gè)例子中,使用Hive的 Dri

    2024年02月15日
    瀏覽(17)
  • jquery動(dòng)態(tài)引入js和css

    jquery動(dòng)態(tài)引入js和css

    直接上代碼吧,但是有時(shí)候這個(gè)方法會(huì)失敗,js文件里面的方法不生效,原因還在找

    2024年01月21日
    瀏覽(27)
  • spring boot 引入redis報(bào)錯(cuò)

    bug描述 : org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name ‘a(chǎn)ssetChangeOrderController’: Unsatisfied dependency expressed through field ‘redisTemplate’; nested exception is org.springframework.beans.factory.UnsatisfiedDependencyException: Error creating bean with name ‘redisTemplate’ defined in c

    2024年01月20日
    瀏覽(21)
  • 15. unity官網(wǎng)資源商店的免費(fèi)資源引入自己項(xiàng)目中

    15. unity官網(wǎng)資源商店的免費(fèi)資源引入自己項(xiàng)目中

    1. 說(shuō)明 在unity開(kāi)發(fā)中可以在官網(wǎng)引入一些免費(fèi)的資源,免得自己找不到合適的素材 第一步: 首先進(jìn)入U(xiǎn)nity資源商店官網(wǎng),https://assetstore.unity.com/,計(jì)入并登錄自己的unity賬號(hào),如果沒(méi)賬號(hào),可以注冊(cè)一個(gè)。 然后選擇 免費(fèi)熱門(mén)資源 ,在資源列表中選擇適合自己的資源,在其右

    2024年02月04日
    瀏覽(26)
  • 如何在Qt項(xiàng)目中引入圖片資源

    如何在Qt項(xiàng)目中引入圖片資源

    首先,在Qt項(xiàng)目里創(chuàng)建一個(gè)目錄 icon ,然后將圖片資源放 icon 目錄中 在Qt creator中創(chuàng)建resource file 右鍵項(xiàng)目 myqtdesign Add New... Qt Qt Resource File 輸入文件名 myimage ,并在 CMakeLists.txt 加入 myimage.qrc 并保存(control + s) 3. 添加前綴 /images 右鍵 myimage.qrc 文件 Add Prefix... ,結(jié)果如下圖: 添

    2024年02月13日
    瀏覽(28)
  • vue3引入JS-SDK實(shí)現(xiàn)h5分享小卡片、跳轉(zhuǎn)微信小程序功能

    vue3引入JS-SDK實(shí)現(xiàn)h5分享小卡片、跳轉(zhuǎn)微信小程序功能

    微信js-sdk官方文檔: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 想要實(shí)現(xiàn)的效果: 1.登錄微信公眾平臺(tái),進(jìn)入“公眾號(hào)設(shè)置”的“功能設(shè)置”里填寫(xiě)“JS接口安全域名”。 2.通過(guò)npm引入js-sdk 安裝成功后,可以在package.json中找到\\\"weixin-js-sdk\\\" 3.在main.js中,將js-sdk掛載

    2024年02月11日
    瀏覽(101)
  • flutter項(xiàng)目引入本地靜態(tài)圖片資源并展示

    flutter項(xiàng)目引入本地靜態(tài)圖片資源并展示

    想要在flutter中引入靜態(tài)資源,需要配置pubspec.yaml,將本地的靜態(tài)資源添加到assets下面: 然后在flutter引入這些靜態(tài)資源:? 就可以在app中看到這個(gè)圖片了:? 也可以使用網(wǎng)絡(luò)圖片:

    2024年02月05日
    瀏覽(22)
  • 用純HTML,JS,CSS實(shí)現(xiàn)橫向滾動(dòng)標(biāo)簽頁(yè)

    用純HTML,JS,CSS實(shí)現(xiàn)橫向滾動(dòng)標(biāo)簽頁(yè)

    前不久,在我的一個(gè)項(xiàng)目中,需要展示一個(gè)橫向滾動(dòng)的標(biāo)簽頁(yè),它支持鼠標(biāo)橫向拖動(dòng)和點(diǎn)擊切換。在實(shí)現(xiàn)的過(guò)程中,我發(fā)現(xiàn)這個(gè)小功能需要同時(shí)用到前端的三輛馬車(chē),但是實(shí)現(xiàn)難度不高,而且最終效果還不錯(cuò),是個(gè)難得的初學(xué)者項(xiàng)目,于是萌生了寫(xiě)這篇文章的想法,希望對(duì)初

    2024年02月08日
    瀏覽(41)

覺(jué)得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請(qǐng)作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包