我的应用程序在子目录http://localhost:8080/admin_suffix上运行。
一旦我运行webpack开发服务器,访问
单击SPA中指向其他子路径的超链接也可以正常工作。例如,我可以导航到
我也无法直接在浏览器中输入子路径来加载页面,只有``http://localhost:8080/admin_suffix`可以正常工作。
我的配置如下:
webpack.base.config.js:
suffix
是一个环境变量,我可以在.env文件中更改和定义。一旦我运行webpack开发服务器,访问
http://localhost:8080/admin_suffix
就可以了。单击SPA中指向其他子路径的超链接也可以正常工作。例如,我可以导航到
http://localhost:8080/admin_suffix/subdirectory
但是,当我在http://localhost:8080/admin_suffix/subdirectory
上点击刷新时,会出现错误“Cannot GET /admin_suffix/subdirectory”。我也无法直接在浏览器中输入子路径来加载页面,只有``http://localhost:8080/admin_suffix`可以正常工作。
我的配置如下:
webpack.base.config.js:
entry: {
main: './src/main',
vendors: './src/vendors'
},
devServer: {
host: '0.0.0.0',
disableHostCheck: true
},
output: {
path: path.join(__dirname, '../dist')
}
webpack.dev.config.js:
module.exports = merge(webpackBaseConfig, {
output: {
publicPath: '/',
filename: '[name].js',
chunkFilename: '[name].chunk.js'
}
});
src/main.js:
const RouterConfig = {
mode: 'history',
routes: Routers,
base: '/admin_suffix/'
}