當前位置：首頁 > 前端技术 > vue >内容正文

vue

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

發布時間：2024/9/30 vue 58 豆豆

生活随笔收集整理的這篇文章主要介紹了在服务器上打包部署springboot+vue的项目（二）让服务器上有sql数据，且可以进行用户交互小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

關于防火墻的說明：

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

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

配置外網訪問：

<Realm className="org.apache.catalina.realm.LockOutRealm"><Realm className="org.apache.catalina.realm.UserDatabaseRealm"resourceName="UserDatabase"/></Realm><Host name="http://ohheziyi.xyz/" appBase="webapps"unpackWARs="true" autoDeploy="true">

現在在自己的電腦上訪問域名：

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

修改配置：

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

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

數據庫部署

在服務器上安裝phpstudy(感覺好用），然后把自己電腦上數據庫生成sql文件，再在服務器上配置相應端口和新建數據庫，運行sql文件，即可生成自己電腦上所有的表和數據（用了navicat工具）
數據庫中的端口要與java中的配置對應：

關于跨域處理

跨域解決方案
什么是跨域
為了保證瀏覽器的安全，不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方資源。這叫作同源策略，同源策略是瀏覽器安全的基石。如果一個請求地址里面的協議、域名和端口號都相同，就屬于同源。舉個例子，判斷下面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，不同源，協議不相同。

依據瀏覽器同源策略，非同源腳本不可操作其他源下面的對象，想要操作其他源下的對象就需要跨域。綜上所述，在同源策略的限制下，非同源的網站之間不能發送AJAX請求。如有需要，可通過降域或其他技術實現。

1.CORS 技術

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

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

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

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：在服务器上打包部署springboot+
下一篇：【项目实战】vue+springboot