nginx部署前端项目 同域 多个 css、 图片问题

nginx可以部署多个项目
修改nginx.conf文件夹 把打包文件放到html文件夹内与dist文件夹同级 添加alias

   location / {
            root   html/dist;
            index  index.html index.htm;
        }

   location /fx {
            alias   html/fx;
            index  index.html index.htm;
        }

注意：不在根目录下 指location 后面不是' / '时，前端打包时，要修改路径 vue.config.js

const BASE_URL = process.env.NODE_ENV === 'production'
  ? '/fx'
  : './'

module.exports = {
  baseUrl: BASE_URL,
}

你会发现在项目中，有的图片以及css静态文件引用不到

遇到图片、css加载路径问题
解决：图片不要放到public文件夹中 vue-cli默认build不会打包
把图片、css放到src assets文件夹下 得出可以顺利加载