vue配合nginx打包路径层问题

1、需求是访问地址增加一层路径比如：(增加一层路径为customfile)

之前：http:xxxx/login

要求：http:xxxx/customfile/login  其中filename属于ng配置时的一层文件夹

解决：

1、vue项目的webpack配置不同版本有区别大致修改的地方为：

assetPublicPath: '/customfile'

或

public: '/customfile'

2、修改router.js路由模式为： {mode:'history', base:'/customfile'}

3、Nginx配置修改：

    location /customfile {

          alias /data/xxxx/xxx/customfile/dist// 这里是服务器资源路径

          try_files $uri $uri/ /customfile/index.html

          index index.html

    }

因为刚入门写了个vue的小东西，想部署到网上

走你

1.安装nginx本地

2.配置 /usr/local/nginx/conf/nginx.conf（） 配个鸡掰

在/usr/local/nginx/html 改index.html加个链接就行

3.nginx信号重新加载新配置

#先查下进程号

ps -ef|grep nginx

#重新加载配置

kill -HUB xxxxxxxxx#进程号xxxxxxx

个人觉得nginx里面的各种东西还是要多了解了解的

觉得不够的话可以新起一个server

基本这几行就可以算是摸到门槛，

改来改去，还是我菜

---