資訊專欄INFORMATION COLUMN
摘要：最終，我的解決方案如下配置如下配置路由配置該項(xiàng)目是用的所以只需要修改里面的的部分配置修改最終項(xiàng)目地址為
vue history需要nginx或者其他方式配置一下才可正確訪問，否則路由跳轉(zhuǎn)之后刷新一下便會(huì)404 具體原因vue-router官網(wǎng)有說明，在此不多說
最近遇到的問題是上了一個(gè)小的項(xiàng)目，需要放在更深層次的目錄下，上到測(cè)試環(huán)境 做了官網(wǎng)提到的nginx配置發(fā)現(xiàn)不行，之后查閱了一些博客資料，發(fā)現(xiàn)都沒有一個(gè)特別好的方案。最終，我的解決方案如下
nginx配置如下
server {
listen 443 ;
server_name m;
root html/mobile;
location / {
index index.html index.htm;
try_files $uri $uri/ /auth/index.html;
}
}
vue router 配置
// 路由配置
const RouterConfig = {
base: "/auth/",
mode: "history",
routes: routers
};
該項(xiàng)目是用的vue-cli2 所以只需要修改config 里面的index.js的build部分
webpack 配置修改
build: {
// Template for index.html
index: path.resolve(__dirname, "../dist/auth/index.html"),
// Paths
assetsRoot: path.resolve(__dirname, "../dist"),
assetsSubDirectory: "auth/static",
assetsPublicPath: "/",
/**
* Source Maps
*/
productionSourceMap: false,
devtool: "#source-map",
productionGzip: false,
productionGzipExtensions: ["js", "css"],
bundleAnalyzerReport: process.env.npm_config_report
}
最終項(xiàng)目地址為 m.xxx.com/auth/
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/99287.html
摘要：最終，我的解決方案如下配置如下配置路由配置該項(xiàng)目是用的所以只需要修改里面的的部分配置修改最終項(xiàng)目地址為 vue history需要nginx或者其他方式配置一下才可正確訪問，否則路由跳轉(zhuǎn)之后刷新一下便會(huì)404 具體原因vue-router官網(wǎng)有說明，在此不多說 最近遇到的問題是上了一個(gè)小的項(xiàng)目，需要放在更深層次的目錄下，上到測(cè)試環(huán)境 做了官網(wǎng)提到的nginx配置發(fā)現(xiàn)不行，之后查閱了一些...
摘要：這個(gè)方法我沒有嘗試過，不過應(yīng)該是可行的這樣的優(yōu)點(diǎn)是很簡(jiǎn)便，適合小型的網(wǎng)站項(xiàng)目將打包的項(xiàng)目和服務(wù)端分別部署客戶端根目錄主頁(yè)避免模式刷新管理控制后臺(tái)服務(wù)端跨域這樣部署雖然稍微麻煩一點(diǎn)，但可以適應(yīng)很多場(chǎng)景，而且開發(fā)分工更方便，結(jié)構(gòu)也一目了然 我個(gè)人想了2種部署方案 1、將vue項(xiàng)目打包后放入node服務(wù)端的靜態(tài)資源中訪問 整體結(jié)構(gòu)基本是這樣的 showImg(https://segmentf...
摘要：放置在目錄下或通過絕對(duì)路徑被引用。對(duì)于相關(guān)來說，我們推薦使用而不是直接鏈?zhǔn)街付?。在不更改配置文件的情況下，前端頁(yè)面迭代發(fā)布，不需要重啟服務(wù)。 作者：gauseen 0. 關(guān)于 Vuejs 簡(jiǎn)介：Vue (讀音 /vju?/，類似于 view) 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架，易用、靈活、高效。 生態(tài)系統(tǒng) 項(xiàng)目 介紹 awesome-vue Vue.js 相關(guān)很棒的...
摘要：模式部署沒有什么問題，只要訪問到服務(wù)器上的，就可以訪問網(wǎng)站了。問題起因在做年度賬單項(xiàng)目的時(shí)候，項(xiàng)目部署的時(shí)候，用的是模式。這樣幾項(xiàng)配置后，就可以在子目錄下訪問網(wǎng)站，刷新也沒有問題。 寫在前面 Vue-Router 有兩種模式，默認(rèn)是 hash 模式，另外一種是 history 模式。 hash：也就是地址欄里的 # 符號(hào)。比如 http://www.example/#/hello，...
閱讀 3806·2023-04-25 22:43
閱讀 3831·2021-09-06 15:15
閱讀 1391·2019-08-30 15:54
閱讀 3720·2019-08-30 14:20
閱讀 2949·2019-08-29 17:16
閱讀 3260·2019-08-29 15:28
閱讀 3452·2019-08-29 11:08
閱讀 1149·2019-08-28 18:05
