vue history模式部署到Nginx刷新时404

项目部署到Nginx上,因为/更目录已经给了其他权限,说下直接把项目放到了/dist下面,所以build时候assetsPublicPath改为了相对路径

build: {    // Template for index.html    index: path.resolve(__dirname, '../dist/index.html'),    // Paths    assetsRoot: path.resolve(__dirname, '../dist'),    assetsSubDirectory: 'static',    assetsPublicPath: './',

build的时候接口也是直接请求根路径是没问题的

const service = axios.create({  //baseURL: process.env.ENV_CONFIG=='dev'?'/api':'', // api的base_url  baseURL: process.env.ENV_CONFIG=='dev'?'/api':process.env.BASE_API,  timeout: 5000, // 请求超时时间  headers:{    'isWeb': 1,    'Content-Type': "application/json;charset=utf-8"
  }
})

但是按照官方的说法,Nginx如这样说的配置https://blog.csdn.net/u011025...,刷新还是报错404,然后我搜了下说可能是assetsPublicPath配置成绝对路径,但是配置成绝对路径的话静态资源就找不到了


https://img3.mukewang.com/5c4e73110001d1a505920185.jpg

慕姐4208626
浏览 2054回答 1
1回答

临摹微笑

问题也解决,谢谢大家,Nginx配置时候少了/dist目录而已location /{        root   dist;        index  index.html;        try_files $uri $uri/ /dist/index.html;     }
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript