Vue.js “如何修复”；eslint（无未使用的VAR）“；在vue脚本中

我正在尝试在Vuejs应用程序中运行服务器，但我遇到了eslint问题。感谢您的帮助解决这些问题

这是我的Json文件：

 {
   "name": "blog-frontend",
   "version": "0.1.0",
   "private": true,
   "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
 },
  "dependencies": {
   "axios": "^0.19.0",
   "core-js": "^3.3.2",
   "vue": "^2.6.10",
   "vue-router": "^3.0.6"
 },
  "devDependencies": {
   "@vue/cli-plugin-babel": "^4.0.0",
   "@vue/cli-plugin-eslint": "^4.0.0",
   "@vue/cli-plugin-router": "^4.0.0",
   "@vue/cli-service": "^4.0.0",
   "babel-eslint": "^10.0.1",
   "eslint": "^5.16.0",
   "eslint-plugin-vue": "^5.0.0",
   "vue-template-compiler": "^2.6.10"
 }
}

这是控制台上的消息：

编译失败，出现1个错误下午5:11:39
./src/views/Home.vue中出错
模块错误（来自./node_modules/eslint loader/index.js）：
错误：在src\views\Home中定义了“服务器”，但从未使用过（没有未使用的变量）。vue:40:9:
38 | 
39 |/@是/src的别名
>40 |从“@/utils/helper”导入{server}；
|         ^
41 |从“axios”导入axios；
42 |
43 |导出默认值{
错误：在src\views\Home中定义了“id”，但从未使用过（没有未使用的变量）。vue:58:16：
然后（data=>（this.posts=data.data））；
57 |     },
>58 |删除帖子（id）{
|                ^
59 | axios.delete（'${sever.baseURL}/blog/delete？postID=${id}'）。然后（数据=>{
60 |控制台日志（数据）；
61 | window.location.reload（）；
发现2个错误。
@./src/router.js 3:0-41 19:15-28
@/src/main.js
@多（网页包）-开发服务器/客户端？http://192.168.1.152:8080/sockjs-节点（webpack）/hot/dev-server.js./src/main.js

Home.vue

<script>
 // @ is an alias to /src
 import {server} from "@/utils/helper";
 import axios from "axios";

export default {
 data() {
  return {
   posts: []
 };
},
created() {
 this.fetchPosts();
},
methosd: {
 fetchPosts() {
  axios
    .get('${server.baseURL}/blog/posts')
    .then(data => (this.posts = data.data));
},
deletePost(id) {
  axios.delete('${sever.baseURL}/blog/delete?postID=${id}').then(data => {
    console.log(data);
    window.location.reload();
   });
  }
 }
};
</script>

main.js

export const server = {
 baseURL: 'http:localhost:3000'
}

import Vue from 'vue'
import App from './App.vue'
import router from './router'

Vue.config.productionTip = false

new Vue({
 router,
  render: h => h(App)
}).$mount('#app')

---

我希望有足够的信息，您可以帮助我修复它们

使用字符串模板正确构建url，如下所示

axios.delete(`${server.baseURL}/blog/delete?postID=${id}`).then(data => {

---

然后将使用

server

和

id

并修复错误。

method

应该是

方法

，在

deletePost

中，您有

server

而不是

服务器

，同时，您也在为您的应用单引号，但它们应该是反勾，即

`${server.baseURL}/博客/帖子`