vue 项目打包步骤及跨源请求报错

1、修改vue.config.js的几项配置变量：

只复制一句话就可以了

publicPath: './',

2、运行打包命令

vue 项目文件夹下会创建一个dist文件夹(运行命令之后会自动生成)

npm run build

3、双击打开index.html

正常显示最好，但是打开页面不显示时往下看

打开页面不显示

控制台报错：跨源请求问题

谷歌浏览器报错

火狐浏览器报错

解决方法：

使用http-server

1、安装：

npm install http-server -g

2、进入dist文件夹

cd dist

3、执行命令：

http-server

4、复制http-server返回的url，到浏览器打开

 注意事项：

1、打包是在项目代码敲完之后进行的，当项目代码有改动一定要重新打包