問題描述最近嘗試把項(xiàng)目腳手架從vue-cli2 webpack2 更新到vue/cli 3 webpack4由于之前項(xiàng)目是多頁面,在用腳手架生成了項(xiàng)目目錄之后, 在vue-cli-service serve開發(fā)環(huán)境時(shí)發(fā)現(xiàn)了一些問題。工程里有兩個(gè)頁面index和login, 也配了兩個(gè)入口。但在默認(rèn)頁面中路由跳轉(zhuǎn)都正常,但我點(diǎn)擊按鈕 通過window.location.href = '/login' 訪問另一個(gè)頁面login時(shí),返回的資源依然是index.html和index.js只有通過更改url訪問 localhost:3007/login.html時(shí),url會(huì)變成localhost: 3007/login/.html這時(shí)候才會(huì)返回login.html和login.jsPS:通過 build打包之后訪問后臺(tái)(nodejs)訪問一切都正常。項(xiàng)目目錄問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法相關(guān)代碼vue.config.jsmodule.exports = { devServer: { port: 3007, host: 'localhost', open: true, proxy: { '/api': { target: 'localhost: 3333', changeOrigin: true, // ws: true, pathRewrite: { '^/api': '/api' } } } }, chainWebpack: config => { }, pages: { index: { // page 的入口 entry: 'src/main.js', // 模板來源 template: 'public/index.html', // 在 dist/index.html 的輸出 filename: 'index.html', // 當(dāng)使用 title 選項(xiàng)時(shí), // template 中的 title 標(biāo)簽需要是 <title><%= htmlWebpackPlugin.options.title %></title> title: 'Index Page', // 在這個(gè)頁面中包含的塊,默認(rèn)情況下會(huì)包含 // 提取出來的通用 chunk 和 vendor chunk。 chunks: ['chunk-vendors', 'chunk-common', 'index'] }, login: { entry: 'src/login.js', template: 'public/login.html', filename: 'login.html', title: '登陸', chunks: ['chunk-vendors', 'chunk-common', 'login'] }, // 當(dāng)使用只有入口的字符串格式時(shí), // 模板會(huì)被推導(dǎo)為 `public/subpage.html` // 并且如果找不到的話,就回退到 `public/index.html`。 // 輸出文件名會(huì)被推導(dǎo)為 `subpage.html`。 // subpage: 'src/subpage/main.js' },}你期待的結(jié)果是什么?實(shí)際看到的錯(cuò)誤信息又是什么?
[VUE CLI3] 多頁面devServer 跳轉(zhuǎn) 返回html錯(cuò)誤問題
翻閱古今
2019-03-21 22:15:13