vue router history nginx 相关配置

服务器配置

  location ^~ /h5/usr {
        alias /usr/local/project/cpn/i84cpn-web-0.1/h5/usr;
        try_files $uri $uri/ /h5/usr/index.html;
    }

前端配置

router.js 路由配置production 与location路径一致

const baseLocal = process.env.NODE_ENV === 'production' ? '/h5/usr' : '/';

 

vue.config.js: production路径与实际项目地址相关

const baseUrl = process.env.NODE_ENV === 'production' ? '/h5/usr' : '/';

 

location ^~ /mobile/view/h5 {
        alias /usr/local/project/shop/mobile/view/h5;
        try_files $uri $uri/ /h5/index.html;
    }

router.js 路由配置production 与location路径一致

//注意此处是路由和vue.config.js 编译文件是不一样的

const baseLocal = process.env.NODE_ENV === 'production' ? '/mobile/view/h5/' : '/';

vue.config.js: production路径与实际项目地址相关

//注意此处是文件路径配置和router.js 路径是不一样的
const baseUrl = process.env.NODE_ENV === 'production' ? './' : '/';