nginx 反向代理 vue , 添加 代理路径无法访问 记录

1. vue 组件引用不能通过 ../ 等路径引用 (工作量最大)

import DetailFormDialog from "./detail-form-dialog"

改写为

import DetailFormDialog from "@views/matterManage/serviceMatters/detail-form-dialog"

2. 图片路径 img 不能通过 /img/...png 引用

<img height="70" width="70" src="/img/1@2x.png"/>

改写为

<img height="70" width="70" src="/img/1@2x.png"/>

3. 路径缩写配置

配置 vue.config.js

config.resolve.alias.set("@utils", resolve("src/views/formManage/utils"));
    config.resolve.alias.set("@views", resolve("src/views"));