vue项目的history模式打包部署nginx服务器问题。

(1)vue项目里面需要配置:

路由里面需要配置  base: / myprojectname / (注:这个名字要与服务器上存放文件夹的名字一致)

const router = new VueRouter({
  mode: 'history',
  base:'/myprojectname/',
  routes
})

也可以直接打包出  myprojectname  文件夹的名字。

(2)nginx服务器上配置:(注意截图里面的 名字一致。)

(3)浏览器中预览查看。

注:我使用的名字   myprojectname  。根据自己的项目修改即可,注意名字一致。

发布了270 篇原创文章 · 获赞 50 · 访问量 11万+

猜你喜欢

转载自blog.csdn.net/Miss_liangrm/article/details/104035146