日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > vue >内容正文

vue

在服务器上打包部署springboot+vue的项目(二)让服务器上有sql数据,且可以进行用户交互

發(fā)布時間:2024/9/30 vue 49 豆豆
生活随笔 收集整理的這篇文章主要介紹了 在服务器上打包部署springboot+vue的项目(二)让服务器上有sql数据,且可以进行用户交互 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

關(guān)于防火墻的說明:

防火墻是保障輕量應(yīng)用服務(wù)器實例網(wǎng)絡(luò)安全的重要手段,所提供的安全防護作用等同于云服務(wù)器中的安全組。您可以通過配置防火墻規(guī)則,允許或禁止輕量應(yīng)用服務(wù)器實例對公網(wǎng)或私網(wǎng)的訪問。

說明: 防火墻只能對實例的入流量進行控制,出流量默認允許所有請求。

配置外網(wǎng)訪問:

<!--For clustering, please take a look at documentation at:/docs/cluster-howto.html (simple how to)/docs/config/cluster.html (reference documentation) --><!--<Cluster className="org.apache.catalina.ha.tcp.SimpleTcpCluster"/>--><!-- Use the LockOutRealm to prevent attempts to guess user passwordsvia a brute-force attack --><Realm className="org.apache.catalina.realm.LockOutRealm"><!-- This Realm uses the UserDatabase configured in the global JNDIresources under the key "UserDatabase". Any editsthat are performed against this UserDatabase are immediatelyavailable for use by the Realm. --><Realm className="org.apache.catalina.realm.UserDatabaseRealm"resourceName="UserDatabase"/></Realm><Host name="http://ohheziyi.xyz/" appBase="webapps"unpackWARs="true" autoDeploy="true">

現(xiàn)在在自己的電腦上訪問域名:

打開后不是自己的項目。
在后面再加上一個:8080,此時可以打開自己的項目了。
但是依然是只有登陸頁面而無法登錄,查看控制臺:

修改配置:

@Configuration public class WebConfig extends WebMvcConfigurerAdapter { //全局配置類,配置跨域請求@Overridepublic void addCorsMappings(CorsRegistry registry) {//預(yù)訪問的路徑 請求來源 方法 允許攜帶的registry.addMapping("/**").allowedOrigins("*", "null").allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE").allowCredentials(true);}

原來是.allowedOrigins(“http://localhost:8080”, “null”)修改為.allowedOrigins("*"),然后再次運行,生成jar包
新的jar包復(fù)制到tomcat目錄下再打開瀏覽器訪問

數(shù)據(jù)庫部署

在服務(wù)器上安裝phpstudy(感覺好用),然后把自己電腦上數(shù)據(jù)庫生成sql文件,再在服務(wù)器上配置相應(yīng)端口和新建數(shù)據(jù)庫,運行sql文件,即可生成自己電腦上所有的表和數(shù)據(jù)(用了navicat工具)
數(shù)據(jù)庫中的端口要與java中的配置對應(yīng):

關(guān)于跨域處理

跨域解決方案
什么是跨域
為了保證瀏覽器的安全,不同源的客戶端腳本在沒有明確授權(quán)的情況下,不能讀寫對方資源。這叫作同源策略,同源策略是瀏覽器安全的基石。 如果一個請求地址里面的協(xié)議、域名和端口號都相同,就屬于同源。 舉個例子,判斷下面URL是否和http://www.a.com/a/a.html同源: http://www.a.com/b/b.html,同源。 http://www.b.com/a/a.html,不同源,域名不相同。 https://www.a.com/b/b.html,不同源,協(xié)議不相同。

依據(jù)瀏覽器同源策略,非同源腳本不可操作其他源下面的對象,想要操作其他源下的對象就需要跨域。綜上所述,在同源策略的限制下,非同源的網(wǎng)站之間不能發(fā)送AJAX請求。如有需要,可通過降域或其他技術(shù)實現(xiàn)。

1.CORS 技術(shù)

為了解決瀏覽器跨域問題,W3C提出了跨源資源共享方案,即CORS(Cross-Origin Resource Sharing)。 CORS可以在不破壞即有規(guī)則的情況下,通過后端服務(wù)器實現(xiàn)CORS接口,從而實現(xiàn)跨域通信。CORS將請求分為兩類:簡單請求和非簡單請求,分別對跨域通信提供了支持。

在CORS出現(xiàn)前,發(fā)送HTTP請求時在頭信息中不能包含任何自定義字段,且HTTP信息不超過以下幾個字段: Accept Accept-Language Content-Language Last-Event-ID Content-Type(僅限于[application/x-www-form-urlencoded、multipart/form-data、text/plain]類型) 一個簡單請求的例子: 對于簡單請求,CORS的策略是請求時在請求頭中增加一個Origin字段,服務(wù)器收到請求后,根據(jù)該字段判斷是否允許該請求訪問。 如果允許,就在HTTP頭信息中添加Access-Control-Allow-Origin字段,并返回正確的結(jié)果

如果不允許,就不在HTTP頭信息中添加Access-Control-Allow-Origin字段。 除了上面提到的Access-Control-Allow-Origin,還有幾個字段用于描述CORS返回結(jié)果: Access-Control-Allow-Credentials:可選,用戶是否可以發(fā)送、處理cookie。 Access-Control-Expose-Headers:可選,可以讓用戶拿到的字段。有幾個字段無論設(shè)置與否都可以拿到的,包括Cache-Control、Content-Language、Content-Type、Expires、Last-Modified、Pragma。

非簡單請求 對于非簡單請求的跨源請求,瀏覽器會在真實請求發(fā)出前增加一次OPTION請求,稱為預(yù)檢請求(preflight request)。預(yù)檢請求將真實請求的信息,包括請求方法、自定義頭字段、源信息添加到HTTP頭信息字段中,詢問服務(wù)器是否允許這樣的操作。

總結(jié)

以上是生活随笔為你收集整理的在服务器上打包部署springboot+vue的项目(二)让服务器上有sql数据,且可以进行用户交互的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯,歡迎將生活随笔推薦給好友。