VUE开发遇到的问题总结

1.打包时图片加载路径的问题

当项目完成时包之后发现登录界面背景图片没有加载出来,以为是图片没有打包上,后来发现是图片的路径不正确。

打包命令

npm run build

问题解决方法

在build文件夹下的utils.js文件里添加一行代码即可。
VUE开发遇到的问题总结_第1张图片
插入的代码

publicPath: '../../',

2.vue组件的引用

使用步骤:

1.引入组件

import Import from './import.vue'

2.注册组件

components: {
	Import,
},

一定要注册组件(自己用的过程中忘记注册组件报错了好一顿找)

3.使用组件

<Import>Import>

3.修改网页图标以及标题

1.修改文件的位置在根目录文件下,index.html

VUE开发遇到的问题总结_第2张图片

2.修改,添加


<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>你的标题title>
	<link rel="icon" href="/static/favicon.ico" /> //展示的图片
	/*图片一定要放到static文件夹下*/
  head>
  <body>
    <div id="app">div>
    
  body>
html>

未完待续…

你可能感兴趣的:(VUE开发遇到的问题总结)