vue项目npm run build 打包之后如何在本地访问

vue项目npm run build 打包之后如何在本地访问

如果直接访问时,则会报错如下的信息:
报错码:

Access to script at 'file:///D:/assets/index-DDVBfHVo.js' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
index-DDVBfHVo.js:1 
        
        
       Failed to load resource: net::ERR_FAILED
index.html:1 Access to CSS stylesheet at 'file:///D:/assets/index-DCsNNTuD.css' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated-app, chrome-extension, chrome, https, chrome-untrusted.
index-DCsNNTuD.css:1 
        
        
       Failed to load resource: net::ERR_FAILED
/D:/favicon.ico:1 
        
        
       Failed to load resource: net::ERR_FILE_NOT_FOUND

在这里插入图片描述
本地访问的解决方案:
打包后不能直接打开访问,需要启一个服务,通过服务来访问,具体操作过程如下:
1、安装serve(在cmd命令行输入)
npm i -g serve

2、打包项目
npm run build 生成dist文件夹

3、本地访问(在dist文件夹内)
serve dist
如图所示:
在这里插入图片描述

相关推荐

  1. 如何VSCode中打包Vue项目

    2024-04-27 07:12:02       33 阅读
  2. vue中,切换页面之后如何关闭定时器

    2024-04-27 07:12:02       39 阅读
  3. Webpack打包vue项目

    2024-04-27 07:12:02       37 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-27 07:12:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-27 07:12:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-27 07:12:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-27 07:12:02       18 阅读

热门阅读

  1. 了解数组:算法与应用

    2024-04-27 07:12:02       12 阅读
  2. Elasticsearch知识点表格总结

    2024-04-27 07:12:02       14 阅读
  3. k8s部署jenkins

    2024-04-27 07:12:02       12 阅读
  4. Go语言 Interface(接口)

    2024-04-27 07:12:02       12 阅读
  5. 视频截屏(视频转图片)

    2024-04-27 07:12:02       16 阅读
  6. 深度学习比较有用的网站

    2024-04-27 07:12:02       18 阅读
  7. Cocos Creator 3D物理引擎的物体编辑详解

    2024-04-27 07:12:02       13 阅读
  8. k8s部署alertmanager

    2024-04-27 07:12:02       14 阅读
  9. AI助手对决:ChatGPT vs 文心一言

    2024-04-27 07:12:02       15 阅读
  10. spark错误集锦

    2024-04-27 07:12:02       12 阅读