使用Vue cli 4.5.4 + Nginx搭建二级路由(ur

2021-05-25  本文已影响0人  大海龟啦啦啦

不多bb,直接给教程
首先,在搭建完所有的服务之后,在vue-cli的浏览器界面的配置中修改相应的公共路径,改成我们的二级路由brassica



其次,在我们的router/index.js代码中进行修改



增加一行代码为
base: '/brassica/'

然后再在任务中编译生成前端代码即可。
最后再在/etc/nginx/nginx.conf中进行配置,代码如下:

location /brassica {
            root    /data/brad/nginx/html/Brassicadb;
            try_files $uri $uri/ /brassica/index.html;
            index   index.html;
        }

这样即完成我们二级路由的配置

上一篇 下一篇

猜你喜欢

热点阅读