首先我使用的是后端接口+前端vue的形式,這樣就涉及到跨域的問題。我是這樣配置的: 然后還遇到一個問題:我在vue中使用的是vue-router跳轉的,如果跳到二級菜單,刷新頁面的話會出現404頁面。這是因為在vue中使用的是js渲染的虛擬目錄,而在nginx配置中並沒有實際的資源 ...
首先我使用的是后端接口+前端vue的形式,這樣就涉及到跨域的問題。我是這樣配置的: 然后還遇到一個問題:我在vue中使用的是vue-router跳轉的,如果跳到二級菜單,刷新頁面的話會出現404頁面。這是因為在vue中使用的是js渲染的虛擬目錄,而在nginx配置中並沒有實際的資源 ...
前期准備:在linux上安裝nginx,我用的是騰訊雲centos7服務器,具體的安裝過程可以到騰訊雲的開發者實驗室里體驗,自己先試試水。 修改nginx.conf配置文件,我用到的修改只是以下的部分。 1.端口號 2.項目的存放位置 以上是我用的修改,其他的還沒深入 ...
一、處理兼容性問題的相關插件: 1> 解決移動端某些版本的瀏覽器,點擊事件有3s延時觸發的問題 · 安裝 fastclick 依賴包:npm install fastclick --save-dev · 在Vue項目的Main.js中將 ...
簡介:配置Jenkins 使push release分支的時候,自動觸發一Jenkins任務,執行特定的部署腳本,完成部署。 部署腳本:sh bash腳本,做的事就是打包,壓縮打包內容,cp壓縮包到服務器指定目錄,解壓縮,刪除無用包,若是部署在nginx下,需要重啟nginx。 第一步 ...
文件壓縮如何去掉console 在使用vue開發項目的過程中,免不了在調試的時候會寫許多console,在控制台進行調試;在開發的時候這種輸出是必須的,但是build后線上運行時這個東西是不能出現的;那么我如何配置項目,從而讓webpack幫我刪除掉console呢?下面我們給出了vue ...
1、安裝配置nginx(Aliyun linux) 概述: Nginx是一款輕量級的網頁服務器、反向代理服務器。相較於Apache、lighttpd具有占有內存少,穩定性高等優勢。它最常的用途是提供反向代理服務。 2、安裝; Nginx的安裝依賴於以下三個包,意思就是在安裝 ...
nginx是一個高性能的HTTP和反向代理服務器。因此常用來做靜態資源服務器和后端的反向代理服務器。本文主要記錄使用nginx去部署使用vue搭建的前端項目,項目基於vue官方的腳手架vue-cli構建。 打包vue項目 通過上面命令后打包好的靜態資源將輸出到dist目錄中 ...
注:windows和linux皆可 用vue開發的前端項目如何部署到window系統的Nginx服務器上,只需簡單五步 1.在nginx官網下載穩定版本的nginx 地址:http://nginx.org/en/download.html 參考下圖 ...