vue v-for中img图片渲染不出来的解决过程

(base) jjw@jjwdeMacBook-Pro 程序 % vue create hello_world


Vue CLI v5.0.8
? Please pick a preset: Manually select features
? Check the features needed for your project: Babel, Router, Vuex
? Choose a version of Vue.js that you want to start the project with 2.x
? Use history mode for router? (Requires proper server setup for index fallback 
in production) No
? Where do you prefer placing config for Babel, ESLint, etc.? In package.json
? Save this as a preset for future projects? No


Vue CLI v5.0.8
✨  Creating project in /Users/jjw/Desktop/软著/软著二/程序/hello_world.
🗃  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...


added 829 packages in 41s
🚀  Invoking generators...
📦  Installing additional dependencies...


added 7 packages in 2s
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project hello_world.
👉  Get started with the following commands:

 $ cd hello_world
 $ npm run serve

<template>
  <div id="app">
    <div v-for="(item, index) in image_list" :key="index">
      <img style="width: 200px" :src="item" alt="">
    </div>
  </div>
</template>
<script>
export default {

  data() {
    return {
      image_list:['/image/1.jpg','/image/1.jpg','/image/1.jpg']
    }
  }
}
</script>

image_list:['./assets/image/1.jpg','./assets/image/1.jpg','./assets/image/1.jpg']

const { defineConfig } = require('@vue/cli-service')  // 这个是创建时就存在的
const path = require('path')  // 这个是需要添加的

module.exports = defineConfig({
  transpileDependencies: true,  // 创建时就存在
  devServer: {  // 下边这些都是需要添加的
    open: false, //是否自动弹出浏览器页面
    host: '0.0.0.0',
    port: '8000',
    https: false,
    hot: 'only',
    historyApiFallback: true,
    static: { // static: ['assets']
      directory: path.join(__dirname, 'src')
    }
  }
})