只需要使用v-bind就可以了。

v-bind:data-article-id='index'  

可以简写为：

:data-article-id='index'  

我希望将数组的索引index赋值给data-article-id这个属性，请问如何实现？

<template>  
 <div> <div v-for="(item, index) in titleList"  
  :key="index"  
  @click="openNewPage($event)"  
  data-article-id='index'  
  ref="dataMsg"  
  >  
  {{item}}  
        </div>  
 </div></template>  
  
<script>  
  export default {  
        data() {  
            return {  
                introduce: "自我介绍",  
  work: '工作经历',  
  experiences: '经验心得页面',  
  hobby: '业余爱好',  
  titleList: [  
                    'js防抖和节流',  
  '2019年最新经典web前端面试题',  
  '手把手教你用npm发布包'  
  
  ]  
            }  
        },  
  methods: {  
            openNewPage: function(e) {  
                let \_self = this;  
  console.log('$refs == ',e.target.dataset.articleId)  
            }  
        },  
  beforeCreate: function () {  
            console.log('列表-初始化')  
        },  
  created: function() {  
  
        },  
  beforeMount: function() {  
  
        },  
  mounted: function() {  
  
        },  
  beforeUpdate: function() {  
  
        },  
  updated: function() {  
  
        },  
  beforeDestroy: function() {  
  
        },  
  destroyed: function() {  
  
        }  
    }  
</script>  
  
<style scoped\>  
  
</style>

index.vue文件

mounted: function() {
            let _self = this;
            _self.$axios.post('/abo/abbott/list',{
                
                "stationName": "北土城"
            },{
                headers: {'Content-Type': 'application/x-www-form-urlencoded'} //加上这个
            })
                .then((res) => {
                    console.log('res == ', res);
                    // 成功后执行语句
                })
                .catch((err) =>{
                    // 网络中断或失败执行语句
                })

        }

代理的配置

proxyTable: {  
    '/abo/**': {  
        // target: 'http://129.28.127.53:8954/',  
  target: 'http://39.105.168.44:8021/',  
  changeOrigin: true,  
  pathRewrite: {  
            '^/abo': '/'  
  }  
    },  
  '/api/**': {  
        // target: 'http://129.28.127.53:8954/',  
  target: 'https://t.api.auto-pai.com',  
  changeOrigin: true,  
  pathRewrite: {  
            '^/api': '/'  
  }  
    },  
},

Provinces.java

package com.spring.inter.bean;  
  
import javax.persistence.Column;  
import javax.persistence.Entity;  
import javax.persistence.Id;  
import javax.persistence.Table;  
//     @Entity   对实体注释。任何Hibernate映射对象都要有这个注释  
//     @Id   声明此属性为主键。该属性值可以通过应该自身创建  
//实体类  
@Entity  
@Table(name = "provinces")  
public class Provinces {  
    @Id  
  private Integer id;  
  
  @Column(name = "provinceid")  
    private Integer provinceid;  
  
  @Column(name="province")  
    private String province;  
  
  //需要声明无参数的构造函数  
  public Provinces(){}  
  
    public Provinces(Integer id, Integer provinceid, String province) {  
        this.id = id;  
 this.provinceid = provinceid;  
 this.province = province;  
  }  
  
    public Integer getId() {  
        return id;  
  }  
  
    public void setId(Integer id) {  
        this.id = id;  
  }  
  
    public Integer getProvinceid() {  
        return provinceid;  
  }  
  
    public void setProvinceid(Integer provinceid) {  
        this.provinceid = provinceid;  
  }  
  
    public String getProvince() {  
        return province;  
  }  
  
    public void setProvince(String province) {  
        this.province = province;  
  }  
}

package com.spring.inter.controller;  
  
import com.spring.inter.bean.Provinces;  
import com.spring.inter.repository.ProvincesRepository;  
import org.springframework.beans.factory.annotation.Autowired;  
import org.springframework.web.bind.annotation.GetMapping;  
import org.springframework.web.bind.annotation.RequestMapping;  
import org.springframework.web.bind.annotation.ResponseBody;  
import org.springframework.web.bind.annotation.RestController;  
  
import java.util.ArrayList;  
import java.util.List;  
  
@RestController  
  
public class ProvincesController {  
    @Autowired(required = false)  
    private ProvincesRepository provincesRepository;  
  
//    @RequestMapping("queryAll")  
  @RequestMapping("/provinces")  
    public List<Provinces> queryAll(){  
        List<Provinces> list = new ArrayList<Provinces>();  
  list = provincesRepository.findAll();  
 return list;  
  }  
  
}

package com.spring.inter.repository;  
  
  
import com.spring.inter.bean.Provinces;  
import com.spring.inter.bean.LoginBean;  
import org.springframework.data.jpa.repository.Query;  
import org.springframework.data.repository.CrudRepository;  
import org.springframework.data.jpa.repository.JpaRepository;  
import org.springframework.data.jpa.repository.Query;  
import org.springframework.data.repository.query.Param;  
  
import java.util.List;  
  
public interface ProvincesRepository extends JpaRepository<Provinces, Integer>{  
    /\*  
 \* 查询全部 \* \*/  @Query("select t from Provinces t")  
    List<Provinces> findAll();  
  
}

package com.spring.inter.starter;  
  
import org.springframework.boot.SpringApplication;  
import org.springframework.boot.autoconfigure.SpringBootApplication;  
import org.springframework.context.annotation.ComponentScan;  
  
/\*\*  
 \* Spring boot 入口启动程序，sprint boot内置了tomcat \* @author Administrator  
 \*/  
@ComponentScan(basePackages\= {"com.spring.inter.controller"})//扫描组件  
@SpringBootApplication  
public class Application {  
    public static void main(String\[\] args) {  
        SpringApplication.run(Application.class,args);  
  }  
}

代码github地址

https://github.com/wohuifude1...

Spring Boot 会从启动类（即你的 Application）所在的包开始向下扫描带有特定注解（诸如 @Controller 之类）的类，由于你的启动类在 com.spring.inter.starter 内，Spring Boot 就只会自动扫描 com.spring.inter.starter 下的类文件而你的 Controller 并不在这里所以扫描不到也就注册不了.

解决办法有二：

1. 如 @小刘 所说，手动指定包扫描的起始路径；
2. 将启动类挪至整个项目的 src 目录下，这样就能正常扫描到了.

我复制你的代码建了一个新项目，发现是你的端口配置错误了。

server.port\=8083  

为什么有个斜杠？
有个斜杠spring就无法识别你的端口是8083，它启动的时候将继续使用默认端口8080. 你可以认真检查一下你的程序跑起来之后，控制台打印出来的端口是不是8083.

INFO 57601 --- [           main] o.s.b.w.embedded.tomcat.TomcatWebServer  : Tomcat started on port(s): 8080 (http) with context path ''

程序是用8080端口启起来的，而你用了8083去访问，所以就遇到了你截图的错误。

加一行代码就可以了@ComponentScan(basePackages\= {"com.spring.inter.controller"})//扫描组件

package com.spring.inter.starter;  
  
import org.springframework.boot.SpringApplication;  
import org.springframework.boot.autoconfigure.SpringBootApplication;  
import org.springframework.context.annotation.ComponentScan;  
  
/\*\*  
 \* Spring boot 入口启动程序，sprint boot内置了tomcat \* @author Administrator  
 \*/  
@ComponentScan(basePackages\= {"com.spring.inter.controller"})//扫描组件  
@SpringBootApplication  
public class Application {  
    public static void main(String\[\] args) {  
        SpringApplication.run(Application.class,args);  
  }  
}

Application.java

package com.spring.inter.starter;  
  
import org.springframework.boot.SpringApplication;  
import org.springframework.boot.autoconfigure.SpringBootApplication;  
import org.springframework.context.annotation.ComponentScan;  
  
/\*\*  
 \* Spring boot 入口启动程序，sprint boot内置了tomcat \* @author Administrator  
 \*/  
@SpringBootApplication  
public class Application {  
    public static void main(String\[\] args) {  
        SpringApplication.run(Application.class,args);  
  }  
}

package com.spring.inter.controller;  
  
import java.util.HashMap;  
import org.springframework.web.bind.annotation.GetMapping;  
import org.springframework.web.bind.annotation.RequestMapping;  
import org.springframework.web.bind.annotation.RestController;  
  
@RestController  
@RequestMapping("/employee")  
public class EmployeeController {  
  
    @GetMapping  
  public HashMap<String, String> index(){  
        HashMap<String, String> hashmap = new HashMap<String, String>();  
  hashmap.put("姓名", "王二");  
  hashmap.put("年龄", "27");  
  hashmap.put("工龄", "6");  
  
 return hashmap;  
  }  
}

application.properties文件

server.port\=8083  
  
spring.jpa.show-sql \= true  
logging.level.org.springframework.data\=DEBUG  
spring.jpa.hibernate.ddl-auto\=  
  
spring.datasource.url\=jdbc:mysql://localhost:3306/test  
spring.datasource.username\=root  
spring.datasource.password\=jason  
spring.datasource.driver-class-name\=com.mysql.jdbc.Driver

启动Application.java文件，显示如下图片

这条指令中的curl下载的文件在哪里

标准输出。相当与打印在屏幕上。不会保存在硬盘里。

| sudo bash这个指令是什么意思

| 是管道。将前一个命令的输出作为下一个名字的输入。

sudo 以 root 运行。

整个命令是下载一个脚本，然后以 root 用户执行这个脚本。
这个脚本本身并没有被保存在任何地方。

curl https://packages.gitlab.com/install/repositories/gitlab/gitlab-ee/script.rpm.sh | sudo bash

这条指令中的curl下载的文件在哪里，| sudo bash这个指令是什么意思