1、在Vue項目的路由文件src\router\index.js路由配置上加上base:’/test/’
export default new Router({
base: '/ahudp_test/', // 兩邊斜槓要加
mode: 'history',
routes: [
{
path: '/',
name: 'FontGround',
components: {
main: FontGround
}
}]
})
2、在Vue項目的build\webpack.prod.conf.js的output文件中加上
publicPath:”/ahudp_test”
output: {
path: config.build.assetsRoot,
filename: utils.assetsPath('js/[name].[chunkhash].js'),
chunkFilename: utils.assetsPath('js/[id].[chunkhash].js'),
publicPath:"/ahudp_test"
}
3、在vue項目config\index.js中修改打包的文件夾名爲test
build: {
// Template for index.html
index: path.resolve(__dirname, '../test/index.html'),
// Paths
assetsRoot: path.resolve(__dirname, '../test'),
4、將vue打包生成的test文件夾放到/usr/local/nginx/html/下;
5、在nginx配置文件nginx.conf中的server文件進行如下配置
server {
listen 8080; //端口號
server_name localhost; //服務器IP
location /test; {
alias /usr/local/nginx/html/test; //vue項目所在文件夾地址
try_files $uri $uri/ /test/index.html;
index index.html index.htm;
}
location @router {
rewrite ^.*$ /index.html last;
}
}
6、其他的vue項目按照此操作即可。