vue项目打包完运行后不显示img，检查img地址没有错误，但是控制台img获取地址会把路由路径也加在里面怎么回事？求解决方案？

Question

问题描述

自己做的一个简单的vue项目，测试的时候图片显示正常，打包完用http-server运行后访问/content/10，不显示图片，右键检查图片地址也没问题，但是控制台显示图片获取地址竟然把路由路径加在里面！！！怎么回事？？？

问题出现的环境背景及自己尝试过哪些方法

我所有的图片都放在static下面。

config我改成了'./'

utils.js我也加了publicPath

路由代码

import Vue from 'vue'
import Router from 'vue-router'
import Index from '@/page/index'
import Content from '@/page/content'
Vue.use(Router)

export default new Router({
    mode: 'history',
      routes: [
    {
        path: '/',
        name: 'Index',
        component: Index
    },
    {
        path: '/content/:id',
        name: 'Content',
        component: Content
    }
  ]
})

部分content.vue代码

<div>
    <Header :title="content"></Header>
    <img src="../../static/image/2.jpg" alt="">
    <Footer></Footer>
</div>

Answer 1

你的assetsPublicPath为./，最后生成的是以./开头的地址，当然是以当前浏览器地址为基准找