linux ubuntu 云服务器上的nginx怎么部署vue的项目

Question

vue项目中用到了代理，build后，配置上服务器上报了404的错，应该是无法使用dev server的代理导致的，配置上服务器上使用nginx，怎样配置nginx实现代理

配置过nginx.conf和另一个配置文件sites-available/default,如果按照我放项目的路径看出来nginx使用的是default这一个配置文件？不知道为什么??

相关代码：

vue项目中使用的跨域请求：

async getSomeDetail() {    await axios.get('/api/someDetail.json').then(res => {
    his.someDetail = res.data
    })
}

dev server代理：

'/api':{
    target:'http://localhost:8080',
    pathRewrite:{'^/api':'/static/mock'}
}

Answer 1

产品环境部署不要这么做，应该用vue-cli进行build，编译为纯静态网站项目，然后直接部署在nginx