xiaofei

xiaofei 查看完整档案

西安编辑陕西科技大学  |  轻化工程 编辑...公司  |  web工程师 编辑 xiaofei.netlify.com 编辑
编辑

思考

个人动态

xiaofei 回答了问题 · 7月29日

TypeScript 接口 只读属性该怎么声明 ?为什么提示 ‘所有声明必须具有相同的修饰符’

其他文件中有相同定义导致的

关注 3 回答 2

xiaofei 回答了问题 · 1月17日

解决js能否读取txt内容,处理文本内容后再输出为txt格式(或者其他便于人看的文件格式)

1.vue-cli 3vue-cli 4项目的话

安装

npm install raw-loader

vue.config.js里配置添加如下配置就好了

 chainWebpack(config) { 
   config.module
      .rule('txt')
      .test(/\.txt$/i)
      .use('raw-loader')
      .loader('raw-loader')
      .end()
 
 }

使用

import txt from'./file.txt'
console.log(txt)

2.其他webpack项目(vue-cli 2以及react等)配置项目

安装

npm install raw-loader

webpack配置

module.exports = {
  module: {
    rules: [
      {
        test: /\.txt$/,
        use: 'raw-loader'
      }
    ]
  }
}

使用

import txt from'./file.txt'
console.log(txt)

3.没有用webpack的项目的话

可以通过ajax请求获取本地或服务器txt文本内容
axios为例(先安装下载)

  axios.get('/a.txt').then(res => {
      console.log(res)
    })

或者通过input:file上传使用FileReaderFileReader.readAsText()来读取


4.如果是node项目就更简单了 fs.readFile 就好了


5.最后等上述方法拿到txt文本后,实际就是操作字符串了

关注 3 回答 2

xiaofei 回答了问题 · 2019-12-20

解决引入vue-baidu-map后的编译错误?

根据你的报错,是没有loader来处理vue文件造成的

你试着改下你配置的vue-loader,把后面两个文件包含和排除配置隐藏了

      {  
        test: /\\.vue$/,  
        loader: 'vue-loader',  
       // exclude: /node\_modules/,  
       // include: resolve('src'),  
      }

关注 2 回答 1

xiaofei 回答了问题 · 2019-12-04

vue如何设置开发环境和生成环境怎么可以方便的配置接口地址?

配置环境变量就好了vue-cli环境变量和模式

关注 2 回答 1

xiaofei 回答了问题 · 2019-10-17

vue一个方法里面如何停止另一个方法里面的定时器?

<script>
export default {
  data() {
    return {
      timer: null
    }
  },
  methods: {
    start() {
      this.timer = setInterval(() => {}, 5000)
    },
    stop() {
      clearInterval(this.timer)
    }
  }
}
</script>

关注 4 回答 3

xiaofei 回答了问题 · 2019-09-23

vue-cli3新建脚手架;启动项目后webpack报错如何解决?

我能说根本就没有报错吗?那只是四个info提示而已。
图片描述

关注 4 回答 2

xiaofei 回答了问题 · 2019-09-17

解决vue TABLE分页数据展示问题

每次点击搜素的时候把分页参数pageNum置为1就可以了,点分页的时候pageNum取分页数据就好

关注 6 回答 7

xiaofei 回答了问题 · 2019-09-16

vue在npm run dev 后为什么就在localhost运行了

当前分析环境:windows 10 专业版1809

vue-cli 3的配置(修改过)为例 (vue-cli 2的类似)

  "scripts": {
    "dev": "vue-cli-service serve",   
    "serve": "vue-cli-service serve",   
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  }

当执行npm run dev

npm 会去package.json 里边的 scripts 字段里找dev这个命令

如果配置了的话,就会执行对应的配置 vue-cli-service serve

vue-cli-service 也是一个命令,
当npm的脚本执行的时候就会去执行当前项目目录下的node_modules/.bin/vue-cli-service.cmd这个文件 (可自行查看源码)

vue-cli-service.cmd这个文件又会用node执行@vue\cli-service\bin\vue-cli-service.js 文件 (可自行查看源码)

vue-cli-service.js这个文件里加载着(两层加载)对应的命令处理文件(@vue\cli-service\bin\commands\serve.js文件写着可执行的命令)

然后你就会发现它加载了webpack-dev-server这个包(也就是说vue-cli-service是基于这个包实现的) (可自行查看源码)

然后再看webpack-dev-server这个包,它又是基于express实现的

express又是一个node框架,它起的web服务器底层调用的实际是nodehttp这个核心模块

这时就出现一个调用链条npm run dev->vue-cli-service serve->webpack-dev-server->express->node->http
(vue-cli 2的配置少了vue-cli-service 这层封装)

所以得出结论:vue在npm run dev 后为什么就在localhost运行了? 这个问题的实质是用node调用http模块启用了一个web服务器。

关注 4 回答 3

xiaofei 关注了用户 · 2019-09-11

Aresn @aresn

正直 进取 合作 创新

关注 1750

xiaofei 回答了问题 · 2019-09-11

iview vue3打包上linux报错

根据你的错误提示,可能是打包后的代码没有上传到服务器(上传用户是否有足够的权限,没有的话会被禁止上传),也可能是你的打包路径设置的不对,查下打包配置publicPath设置的是否正确。

关注 4 回答 2

认证与成就

  • 获得 54 次点赞
  • 获得 10 枚徽章 获得 1 枚金徽章, 获得 1 枚银徽章, 获得 8 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2018-01-09
个人主页被 799 人浏览