如何在nginx中部署静态资源就不描述了, 请看我的这篇博客
将vue脚手架项目打包后的静态文件放到nginx上, 发现有个问题, 即url上有#, 怎么去掉这个#呢.
1 项目中router...的mode
路由的mode要为history, 如下List-1.1所示
List-1.1
export default new Router({
mode: 'history',
routes...: [
{
...
2 nginx的conf配置
如下List-2.1所示, root放在server下,而不是 location里面; location里面固定写"try_files...请看vue-router官网的说明, 如下图2.1, 看这个链接; 另外将root放到server下, 参考的是这篇文章....List-2.1
server {
#端口
listen 3009;
server_name localhost;
#这里root的值是放置静态资源的那个目录